#807FBC - #CDA2FD | 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 #807FBC to #CDA2FD

#807FBC #CDA2FD

Calculate the color between two colors, #807FBC and #CDA2FD. 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)

#807FBC - #CDA2FD | 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 #807FBC as 0% and #CDA2FD as 100%.

0.0%	0.0% #807FBC	RGB 128 127 188	#807FBC
16.7%	16.7% #8C84C6	RGB 140 132 198	#8C84C6
33.3%	33.3% #998AD1	RGB 153 138 209	#998AD1
50.0%	50.0% #A690DC	RGB 166 144 220	#A690DC
66.7%	66.7% #B396E7	RGB 179 150 231	#B396E7
83.3%	83.3% #C09CF2	RGB 192 156 242	#C09CF2
100.0%	100.0% #CDA2FD	RGB 205 162 253	#CDA2FD

#807FBC #8C84C6 #998AD1 #A690DC #B396E7 #C09CF2 #CDA2FD

#807FBC - #CDA2FD

HSV Blend

#807FBC - #CDA2FD | 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 #807FBC as 0% and #CDA2FD as 100%.

0.0%	0.0% #807FBC	RGB 128 127 188	#807FBC
16.7%	16.7% #8B85C6	RGB 139 133 198	#8B85C6
33.3%	33.3% #978BD1	RGB 151 139 209	#978BD1
50.0%	50.0% #A391DC	RGB 163 145 220	#A391DC
66.7%	66.7% #B096E7	RGB 176 150 231	#B096E7
83.3%	83.3% #BE9CF2	RGB 190 156 242	#BE9CF2
100.0%	100.0% #CDA2FD	RGB 205 162 253	#CDA2FD

#807FBC #8B85C6 #978BD1 #A391DC #B096E7 #BE9CF2 #CDA2FD

#807FBC - #A391DC - #CDA2FD

CSS codes

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

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