#CC92FF - #B5ADFA | 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 #CC92FF to #B5ADFA

#CC92FF #B5ADFA

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

#CC92FF - #B5ADFA | 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 #CC92FF as 0% and #B5ADFA as 100%.

0.0%	0.0% #CC92FF	RGB 204 146 255	#CC92FF
16.7%	16.7% #C896FE	RGB 200 150 254	#C896FE
33.3%	33.3% #C49BFD	RGB 196 155 253	#C49BFD
50.0%	50.0% #C09FFC	RGB 192 159 252	#C09FFC
66.7%	66.7% #BCA4FB	RGB 188 164 251	#BCA4FB
83.3%	83.3% #B8A8FA	RGB 184 168 250	#B8A8FA
100.0%	100.0% #B5ADFA	RGB 181 173 250	#B5ADFA

#CC92FF #C896FE #C49BFD #C09FFC #BCA4FB #B8A8FA #B5ADFA

#CC92FF - #B5ADFA

HSV Blend

#CC92FF - #B5ADFA | 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 #CC92FF as 0% and #B5ADFA as 100%.

0.0%	0.0% #CC92FF	RGB 204 146 255	#CC92FF
16.7%	16.7% #C696FE	RGB 198 150 254	#C696FE
33.3%	33.3% #C19BFD	RGB 193 155 253	#C19BFD
50.0%	50.0% #BD9FFC	RGB 189 159 252	#BD9FFC
66.7%	66.7% #B9A4FB	RGB 185 164 251	#B9A4FB
83.3%	83.3% #B6A8FA	RGB 182 168 250	#B6A8FA
100.0%	100.0% #B5ADFA	RGB 181 173 250	#B5ADFA

#CC92FF #C696FE #C19BFD #BD9FFC #B9A4FB #B6A8FA #B5ADFA

#CC92FF - #BD9FFC - #B5ADFA

CSS codes

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

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