#DFCDF8 - #B263DB | 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 #DFCDF8 to #B263DB

#DFCDF8 #B263DB

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

#DFCDF8 - #B263DB | 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 #DFCDF8 as 0% and #B263DB as 100%.

0.0%	0.0% #DFCDF8	RGB 223 205 248	#DFCDF8
16.7%	16.7% #D7BBF3	RGB 215 187 243	#D7BBF3
33.3%	33.3% #D0A9EE	RGB 208 169 238	#D0A9EE
50.0%	50.0% #C898E9	RGB 200 152 233	#C898E9
66.7%	66.7% #C186E4	RGB 193 134 228	#C186E4
83.3%	83.3% #B974DF	RGB 185 116 223	#B974DF
100.0%	100.0% #B263DB	RGB 178 99 219	#B263DB

#DFCDF8 #D7BBF3 #D0A9EE #C898E9 #C186E4 #B974DF #B263DB

#DFCDF8 - #B263DB

HSV Blend

#DFCDF8 - #B263DB | 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 #DFCDF8 as 0% and #B263DB as 100%.

0.0%	0.0% #DFCDF8	RGB 223 205 248	#DFCDF8
16.7%	16.7% #D4B9F3	RGB 212 185 243	#D4B9F3
33.3%	33.3% #CAA7EE	RGB 202 167 238	#CAA7EE
50.0%	50.0% #C295E9	RGB 194 149 233	#C295E9
66.7%	66.7% #BB83E4	RGB 187 131 228	#BB83E4
83.3%	83.3% #B673DF	RGB 182 115 223	#B673DF
100.0%	100.0% #B263DB	RGB 178 99 219	#B263DB

#DFCDF8 #D4B9F3 #CAA7EE #C295E9 #BB83E4 #B673DF #B263DB

#DFCDF8 - #C295E9 - #B263DB

CSS codes

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

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