#CEC3CD - #967598 | 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 #CEC3CD to #967598

#CEC3CD #967598

Calculate the color between two colors, #CEC3CD and #967598. 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)

#CEC3CD - #967598 | 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 #CEC3CD as 0% and #967598 as 100%.

0.0%	0.0% #CEC3CD	RGB 206 195 205	#CEC3CD
16.7%	16.7% #C4B6C4	RGB 196 182 196	#C4B6C4
33.3%	33.3% #BBA9BB	RGB 187 169 187	#BBA9BB
50.0%	50.0% #B29CB2	RGB 178 156 178	#B29CB2
66.7%	66.7% #A88FA9	RGB 168 143 169	#A88FA9
83.3%	83.3% #9F82A0	RGB 159 130 160	#9F82A0
100.0%	100.0% #967598	RGB 150 117 152	#967598

#CEC3CD #C4B6C4 #BBA9BB #B29CB2 #A88FA9 #9F82A0 #967598

#CEC3CD - #967598

HSV Blend

#CEC3CD - #967598 | 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 #CEC3CD as 0% and #967598 as 100%.

0.0%	0.0% #CEC3CD	RGB 206 195 205	#CEC3CD
16.7%	16.7% #C5B4C3	RGB 197 180 195	#C5B4C3
33.3%	33.3% #BCA6BB	RGB 188 166 187	#BCA6BB
50.0%	50.0% #B399B2	RGB 179 153 178	#B399B2
66.7%	66.7% #A98CAA	RGB 169 140 170	#A98CAA
83.3%	83.3% #9F80A1	RGB 159 128 161	#9F80A1
100.0%	100.0% #967598	RGB 150 117 152	#967598

#CEC3CD #C5B4C3 #BCA6BB #B399B2 #A98CAA #9F80A1 #967598

#CEC3CD - #B399B2 - #967598

CSS codes

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

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