#CB8DDB - #FFDAD7 | 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 #CB8DDB to #FFDAD7

#CB8DDB #FFDAD7

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

#CB8DDB - #FFDAD7 | 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 #CB8DDB as 0% and #FFDAD7 as 100%.

0.0%	0.0% #CB8DDB	RGB 203 141 219	#CB8DDB
16.7%	16.7% #D399DA	RGB 211 153 218	#D399DA
33.3%	33.3% #DCA6D9	RGB 220 166 217	#DCA6D9
50.0%	50.0% #E5B3D9	RGB 229 179 217	#E5B3D9
66.7%	66.7% #EDC0D8	RGB 237 192 216	#EDC0D8
83.3%	83.3% #F6CDD7	RGB 246 205 215	#F6CDD7
100.0%	100.0% #FFDAD7	RGB 255 218 215	#FFDAD7

#CB8DDB #D399DA #DCA6D9 #E5B3D9 #EDC0D8 #F6CDD7 #FFDAD7

#CB8DDB - #FFDAD7

HSV Blend

#CB8DDB - #FFDAD7 | 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 #CB8DDB as 0% and #FFDAD7 as 100%.

0.0%	0.0% #CB8DDB	RGB 203 141 219	#CB8DDB
16.7%	16.7% #E198E0	RGB 225 152 224	#E198E0
33.3%	33.3% #E7A4D8	RGB 231 164 216	#E7A4D8
50.0%	50.0% #EDB0D2	RGB 237 176 210	#EDB0D2
66.7%	66.7% #F3BCCF	RGB 243 188 207	#F3BCCF
83.3%	83.3% #F9C9D0	RGB 249 201 208	#F9C9D0
100.0%	100.0% #FFDAD7	RGB 255 218 215	#FFDAD7

#CB8DDB #E198E0 #E7A4D8 #EDB0D2 #F3BCCF #F9C9D0 #FFDAD7

#CB8DDB - #EDB0D2 - #FFDAD7

CSS codes

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

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