#8F8DC2 - #CFCECB | 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 #8F8DC2 to #CFCECB

#8F8DC2 #CFCECB

Calculate the color between two colors, #8F8DC2 and #CFCECB. 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)

#8F8DC2 - #CFCECB | 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 #8F8DC2 as 0% and #CFCECB as 100%.

0.0%	0.0% #8F8DC2	RGB 143 141 194	#8F8DC2
16.7%	16.7% #9997C3	RGB 153 151 195	#9997C3
33.3%	33.3% #A4A2C5	RGB 164 162 197	#A4A2C5
50.0%	50.0% #AFADC6	RGB 175 173 198	#AFADC6
66.7%	66.7% #B9B8C8	RGB 185 184 200	#B9B8C8
83.3%	83.3% #C4C3C9	RGB 196 195 201	#C4C3C9
100.0%	100.0% #CFCECB	RGB 207 206 203	#CFCECB

#8F8DC2 #9997C3 #A4A2C5 #AFADC6 #B9B8C8 #C4C3C9 #CFCECB

#8F8DC2 - #CFCECB

HSV Blend

#8F8DC2 - #CFCECB | 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 #8F8DC2 as 0% and #CFCECB as 100%.

0.0%	0.0% #8F8DC2	RGB 143 141 194	#8F8DC2
16.7%	16.7% #AD96C4	RGB 173 150 196	#AD96C4
33.3%	33.3% #C4A0C6	RGB 196 160 198	#C4A0C6
50.0%	50.0% #C8ABBC	RGB 200 171 188	#C8ABBC
66.7%	66.7% #CAB5B8	RGB 202 181 184	#CAB5B8
83.3%	83.3% #CCC3C0	RGB 204 195 192	#CCC3C0
100.0%	100.0% #CFCECB	RGB 207 206 203	#CFCECB

#8F8DC2 #AD96C4 #C4A0C6 #C8ABBC #CAB5B8 #CCC3C0 #CFCECB

#8F8DC2 - #C8ABBC - #CFCECB

CSS codes

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

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