#CCC7D9 - #846C98 | 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 #CCC7D9 to #846C98

#CCC7D9 #846C98

Calculate the color between two colors, #CCC7D9 and #846C98. 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)

#CCC7D9 - #846C98 | 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 #CCC7D9 as 0% and #846C98 as 100%.

0.0%	0.0% #CCC7D9	RGB 204 199 217	#CCC7D9
16.7%	16.7% #C0B7CE	RGB 192 183 206	#C0B7CE
33.3%	33.3% #B4A8C3	RGB 180 168 195	#B4A8C3
50.0%	50.0% #A899B8	RGB 168 153 184	#A899B8
66.7%	66.7% #9C8AAD	RGB 156 138 173	#9C8AAD
83.3%	83.3% #907BA2	RGB 144 123 162	#907BA2
100.0%	100.0% #846C98	RGB 132 108 152	#846C98

#CCC7D9 #C0B7CE #B4A8C3 #A899B8 #9C8AAD #907BA2 #846C98

#CCC7D9 - #846C98

HSV Blend

#CCC7D9 - #846C98 | 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 #CCC7D9 as 0% and #846C98 as 100%.

0.0%	0.0% #CCC7D9	RGB 204 199 217	#CCC7D9
16.7%	16.7% #BDB5CE	RGB 189 181 206	#BDB5CE
33.3%	33.3% #B0A5C3	RGB 176 165 195	#B0A5C3
50.0%	50.0% #A496B8	RGB 164 150 184	#A496B8
66.7%	66.7% #9887AD	RGB 152 135 173	#9887AD
83.3%	83.3% #8E79A2	RGB 142 121 162	#8E79A2
100.0%	100.0% #846C98	RGB 132 108 152	#846C98

#CCC7D9 #BDB5CE #B0A5C3 #A496B8 #9887AD #8E79A2 #846C98

#CCC7D9 - #A496B8 - #846C98

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCC7D9 0%, #A496B8 50%, #846C98 100%);
    background: -webkit-linear-gradient(top, #CCC7D9 0%, #A496B8 50%, #846C98 100%);
    background: linear-gradient(to bottom, #CCC7D9 0%, #A496B8 50%, #846C98 100%);
}
</style>