#CFC3D9 - #6D629C | 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 #CFC3D9 to #6D629C

#CFC3D9 #6D629C

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

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

0.0%	0.0% #CFC3D9	RGB 207 195 217	#CFC3D9
16.7%	16.7% #BEB2CE	RGB 190 178 206	#BEB2CE
33.3%	33.3% #AEA2C4	RGB 174 162 196	#AEA2C4
50.0%	50.0% #9E92BA	RGB 158 146 186	#9E92BA
66.7%	66.7% #8D82B0	RGB 141 130 176	#8D82B0
83.3%	83.3% #7D72A6	RGB 125 114 166	#7D72A6
100.0%	100.0% #6D629C	RGB 109 98 156	#6D629C

#CFC3D9 #BEB2CE #AEA2C4 #9E92BA #8D82B0 #7D72A6 #6D629C

#CFC3D9 - #6D629C

HSV Blend

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

0.0%	0.0% #CFC3D9	RGB 207 195 217	#CFC3D9
16.7%	16.7% #BFB0CE	RGB 191 176 206	#BFB0CE
33.3%	33.3% #AF9FC4	RGB 175 159 196	#AF9FC4
50.0%	50.0% #9E8EBA	RGB 158 142 186	#9E8EBA
66.7%	66.7% #8D7EB0	RGB 141 126 176	#8D7EB0
83.3%	83.3% #7D6FA6	RGB 125 111 166	#7D6FA6
100.0%	100.0% #6D629C	RGB 109 98 156	#6D629C

#CFC3D9 #BFB0CE #AF9FC4 #9E8EBA #8D7EB0 #7D6FA6 #6D629C

#CFC3D9 - #9E8EBA - #6D629C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFC3D9 0%, #9E8EBA 50%, #6D629C 100%);
    background: -webkit-linear-gradient(top, #CFC3D9 0%, #9E8EBA 50%, #6D629C 100%);
    background: linear-gradient(to bottom, #CFC3D9 0%, #9E8EBA 50%, #6D629C 100%);
}
</style>