#9F8DC2 - #CECFCB | 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 #9F8DC2 to #CECFCB

#9F8DC2 #CECFCB

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

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

0.0%	0.0% #9F8DC2	RGB 159 141 194	#9F8DC2
16.7%	16.7% #A698C3	RGB 166 152 195	#A698C3
33.3%	33.3% #AEA3C5	RGB 174 163 197	#AEA3C5
50.0%	50.0% #B6AEC6	RGB 182 174 198	#B6AEC6
66.7%	66.7% #BEB9C8	RGB 190 185 200	#BEB9C8
83.3%	83.3% #C6C4C9	RGB 198 196 201	#C6C4C9
100.0%	100.0% #CECFCB	RGB 206 207 203	#CECFCB

#9F8DC2 #A698C3 #AEA3C5 #B6AEC6 #BEB9C8 #C6C4C9 #CECFCB

#9F8DC2 - #CECFCB

HSV Blend

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

0.0%	0.0% #9F8DC2	RGB 159 141 194	#9F8DC2
16.7%	16.7% #BC96C4	RGB 188 150 196	#BC96C4
33.3%	33.3% #C6A0BA	RGB 198 160 186	#C6A0BA
50.0%	50.0% #C8ABB1	RGB 200 171 177	#C8ABB1
66.7%	66.7% #CABBB5	RGB 202 187 181	#CABBB5
83.3%	83.3% #CCC9C0	RGB 204 201 192	#CCC9C0
100.0%	100.0% #CECFCB	RGB 206 207 203	#CECFCB

#9F8DC2 #BC96C4 #C6A0BA #C8ABB1 #CABBB5 #CCC9C0 #CECFCB

#9F8DC2 - #C8ABB1 - #CECFCB

CSS codes

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

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