#CDC8D9 - #676F9C | 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 #CDC8D9 to #676F9C

#CDC8D9 #676F9C

Calculate the color between two colors, #CDC8D9 and #676F9C. 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)

#CDC8D9 - #676F9C | 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 #CDC8D9 as 0% and #676F9C as 100%.

0.0%	0.0% #CDC8D9	RGB 205 200 217	#CDC8D9
16.7%	16.7% #BCB9CE	RGB 188 185 206	#BCB9CE
33.3%	33.3% #ABAAC4	RGB 171 170 196	#ABAAC4
50.0%	50.0% #9A9BBA	RGB 154 155 186	#9A9BBA
66.7%	66.7% #898CB0	RGB 137 140 176	#898CB0
83.3%	83.3% #787DA6	RGB 120 125 166	#787DA6
100.0%	100.0% #676F9C	RGB 103 111 156	#676F9C

#CDC8D9 #BCB9CE #ABAAC4 #9A9BBA #898CB0 #787DA6 #676F9C

#CDC8D9 - #676F9C

HSV Blend

#CDC8D9 - #676F9C | 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 #CDC8D9 as 0% and #676F9C as 100%.

0.0%	0.0% #CDC8D9	RGB 205 200 217	#CDC8D9
16.7%	16.7% #BBB5CE	RGB 187 181 206	#BBB5CE
33.3%	33.3% #A8A4C4	RGB 168 164 196	#A8A4C4
50.0%	50.0% #9693BA	RGB 150 147 186	#9693BA
66.7%	66.7% #8383B0	RGB 131 131 176	#8383B0
83.3%	83.3% #7478A6	RGB 116 120 166	#7478A6
100.0%	100.0% #676F9C	RGB 103 111 156	#676F9C

#CDC8D9 #BBB5CE #A8A4C4 #9693BA #8383B0 #7478A6 #676F9C

#CDC8D9 - #9693BA - #676F9C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDC8D9 0%, #9693BA 50%, #676F9C 100%);
    background: -webkit-linear-gradient(top, #CDC8D9 0%, #9693BA 50%, #676F9C 100%);
    background: linear-gradient(to bottom, #CDC8D9 0%, #9693BA 50%, #676F9C 100%);
}
</style>