#C8CCDC - #806DA3 | 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 #C8CCDC to #806DA3

#C8CCDC #806DA3

Calculate the color between two colors, #C8CCDC and #806DA3. 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)

#C8CCDC - #806DA3 | 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 #C8CCDC as 0% and #806DA3 as 100%.

0.0%	0.0% #C8CCDC	RGB 200 204 220	#C8CCDC
16.7%	16.7% #BCBCD2	RGB 188 188 210	#BCBCD2
33.3%	33.3% #B0ACC9	RGB 176 172 201	#B0ACC9
50.0%	50.0% #A49CBF	RGB 164 156 191	#A49CBF
66.7%	66.7% #988CB6	RGB 152 140 182	#988CB6
83.3%	83.3% #8C7CAC	RGB 140 124 172	#8C7CAC
100.0%	100.0% #806DA3	RGB 128 109 163	#806DA3

#C8CCDC #BCBCD2 #B0ACC9 #A49CBF #988CB6 #8C7CAC #806DA3

#C8CCDC - #806DA3

HSV Blend

#C8CCDC - #806DA3 | 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 #C8CCDC as 0% and #806DA3 as 100%.

0.0%	0.0% #C8CCDC	RGB 200 204 220	#C8CCDC
16.7%	16.7% #B6B9D2	RGB 182 185 210	#B6B9D2
33.3%	33.3% #A6A7C9	RGB 166 167 201	#A6A7C9
50.0%	50.0% #9A97BF	RGB 154 151 191	#9A97BF
66.7%	66.7% #8F88B6	RGB 143 136 182	#8F88B6
83.3%	83.3% #877AAC	RGB 135 122 172	#877AAC
100.0%	100.0% #806DA3	RGB 128 109 163	#806DA3

#C8CCDC #B6B9D2 #A6A7C9 #9A97BF #8F88B6 #877AAC #806DA3

#C8CCDC - #9A97BF - #806DA3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8CCDC 0%, #9A97BF 50%, #806DA3 100%);
    background: -webkit-linear-gradient(top, #C8CCDC 0%, #9A97BF 50%, #806DA3 100%);
    background: linear-gradient(to bottom, #C8CCDC 0%, #9A97BF 50%, #806DA3 100%);
}
</style>