#CACACC - #6B848B | 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 #CACACC to #6B848B

#CACACC #6B848B

Calculate the color between two colors, #CACACC and #6B848B. 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)

#CACACC - #6B848B | 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 #CACACC as 0% and #6B848B as 100%.

0.0%	0.0% #CACACC	RGB 202 202 204	#CACACC
16.7%	16.7% #BABEC1	RGB 186 190 193	#BABEC1
33.3%	33.3% #AAB2B6	RGB 170 178 182	#AAB2B6
50.0%	50.0% #9AA7AB	RGB 154 167 171	#9AA7AB
66.7%	66.7% #8A9BA0	RGB 138 155 160	#8A9BA0
83.3%	83.3% #7A8F95	RGB 122 143 149	#7A8F95
100.0%	100.0% #6B848B	RGB 107 132 139	#6B848B

#CACACC #BABEC1 #AAB2B6 #9AA7AB #8A9BA0 #7A8F95 #6B848B

#CACACC - #6B848B

HSV Blend

#CACACC - #6B848B | 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 #CACACC as 0% and #6B848B as 100%.

0.0%	0.0% #CACACC	RGB 202 202 204	#CACACC
16.7%	16.7% #B8B9C1	RGB 184 185 193	#B8B9C1
33.3%	33.3% #A7ABB6	RGB 167 171 182	#A7ABB6
50.0%	50.0% #969EAB	RGB 150 158 171	#969EAB
66.7%	66.7% #8794A0	RGB 135 148 160	#8794A0
83.3%	83.3% #788B95	RGB 120 139 149	#788B95
100.0%	100.0% #6B848B	RGB 107 132 139	#6B848B

#CACACC #B8B9C1 #A7ABB6 #969EAB #8794A0 #788B95 #6B848B

#CACACC - #969EAB - #6B848B

CSS codes

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

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