#CACACF - #6B848F | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #CACACF to #6B848F

#CACACF #6B848F

Calculate the color between two colors, #CACACF and #6B848F. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#CACACF - #6B848F | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #CACACF as 0% and #6B848F as 100%.

0.0%	0.0% #CACACF	RGB 202 202 207	#CACACF
16.7%	16.7% #BABEC4	RGB 186 190 196	#BABEC4
33.3%	33.3% #AAB2B9	RGB 170 178 185	#AAB2B9
50.0%	50.0% #9AA7AF	RGB 154 167 175	#9AA7AF
66.7%	66.7% #8A9BA4	RGB 138 155 164	#8A9BA4
83.3%	83.3% #7A8F99	RGB 122 143 153	#7A8F99
100.0%	100.0% #6B848F	RGB 107 132 143	#6B848F

#CACACF #BABEC4 #AAB2B9 #9AA7AF #8A9BA4 #7A8F99 #6B848F

#CACACF - #6B848F

HSV Blend

#CACACF - #6B848F | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #CACACF as 0% and #6B848F as 100%.

0.0%	0.0% #CACACF	RGB 202 202 207	#CACACF
16.7%	16.7% #B8B9C4	RGB 184 185 196	#B8B9C4
33.3%	33.3% #A7ABB9	RGB 167 171 185	#A7ABB9
50.0%	50.0% #969FAF	RGB 150 159 175	#969FAF
66.7%	66.7% #8794A4	RGB 135 148 164	#8794A4
83.3%	83.3% #788B99	RGB 120 139 153	#788B99
100.0%	100.0% #6B848F	RGB 107 132 143	#6B848F

#CACACF #B8B9C4 #A7ABB9 #969FAF #8794A4 #788B99 #6B848F

#CACACF - #969FAF - #6B848F

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #CACACF 0%, #6B848F 100%);
    background: -webkit-linear-gradient(top, #CACACF 0%, #6B848F 100%);
    background: linear-gradient(to bottom, #CACACF 0%, #6B848F 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CACACF 0%, #969FAF 50%, #6B848F 100%);
    background: -webkit-linear-gradient(top, #CACACF 0%, #969FAF 50%, #6B848F 100%);
    background: linear-gradient(to bottom, #CACACF 0%, #969FAF 50%, #6B848F 100%);
}
</style>