#CABECC - #9F6BAE | 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 #CABECC to #9F6BAE

#CABECC #9F6BAE

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

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

0.0%	0.0% #CABECC	RGB 202 190 204	#CABECC
16.7%	16.7% #C2B0C7	RGB 194 176 199	#C2B0C7
33.3%	33.3% #BBA2C2	RGB 187 162 194	#BBA2C2
50.0%	50.0% #B494BD	RGB 180 148 189	#B494BD
66.7%	66.7% #AD86B8	RGB 173 134 184	#AD86B8
83.3%	83.3% #A678B3	RGB 166 120 179	#A678B3
100.0%	100.0% #9F6BAE	RGB 159 107 174	#9F6BAE

#CABECC #C2B0C7 #BBA2C2 #B494BD #AD86B8 #A678B3 #9F6BAE

#CABECC - #9F6BAE

HSV Blend

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

0.0%	0.0% #CABECC	RGB 202 190 204	#CABECC
16.7%	16.7% #C3AEC7	RGB 195 174 199	#C3AEC7
33.3%	33.3% #BCA0C2	RGB 188 160 194	#BCA0C2
50.0%	50.0% #B592BD	RGB 181 146 189	#B592BD
66.7%	66.7% #AD84B8	RGB 173 132 184	#AD84B8
83.3%	83.3% #A677B3	RGB 166 119 179	#A677B3
100.0%	100.0% #9F6BAE	RGB 159 107 174	#9F6BAE

#CABECC #C3AEC7 #BCA0C2 #B592BD #AD84B8 #A677B3 #9F6BAE

#CABECC - #B592BD - #9F6BAE

CSS codes

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

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