#DBBAFF - #FFEFEF | 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 #DBBAFF to #FFEFEF

#DBBAFF #FFEFEF

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

#DBBAFF - #FFEFEF | 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 #DBBAFF as 0% and #FFEFEF as 100%.

0.0%	0.0% #DBBAFF	RGB 219 186 255	#DBBAFF
16.7%	16.7% #E1C2FC	RGB 225 194 252	#E1C2FC
33.3%	33.3% #E7CBF9	RGB 231 203 249	#E7CBF9
50.0%	50.0% #EDD4F7	RGB 237 212 247	#EDD4F7
66.7%	66.7% #F3DDF4	RGB 243 221 244	#F3DDF4
83.3%	83.3% #F9E6F1	RGB 249 230 241	#F9E6F1
100.0%	100.0% #FFEFEF	RGB 255 239 239	#FFEFEF

#DBBAFF #E1C2FC #E7CBF9 #EDD4F7 #F3DDF4 #F9E6F1 #FFEFEF

#DBBAFF - #FFEFEF

HSV Blend

#DBBAFF - #FFEFEF | 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 #DBBAFF as 0% and #FFEFEF as 100%.

0.0%	0.0% #DBBAFF	RGB 219 186 255	#DBBAFF
16.7%	16.7% #EEC2FF	RGB 238 194 255	#EEC2FF
33.3%	33.3% #FECBFF	RGB 254 203 255	#FECBFF
50.0%	50.0% #FFD4F4	RGB 255 212 244	#FFD4F4
66.7%	66.7% #FFDDEE	RGB 255 221 238	#FFDDEE
83.3%	83.3% #FFE6EC	RGB 255 230 236	#FFE6EC
100.0%	100.0% #FFEFEF	RGB 255 239 239	#FFEFEF

#DBBAFF #EEC2FF #FECBFF #FFD4F4 #FFDDEE #FFE6EC #FFEFEF

#DBBAFF - #FFD4F4 - #FFEFEF

CSS codes

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

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