#DB6DB5 - #F4D5E9 | 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 #DB6DB5 to #F4D5E9

#DB6DB5 #F4D5E9

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

#DB6DB5 - #F4D5E9 | 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 #DB6DB5 as 0% and #F4D5E9 as 100%.

0.0%	0.0% #DB6DB5	RGB 219 109 181	#DB6DB5
16.7%	16.7% #DF7EBD	RGB 223 126 189	#DF7EBD
33.3%	33.3% #E38FC6	RGB 227 143 198	#E38FC6
50.0%	50.0% #E7A1CF	RGB 231 161 207	#E7A1CF
66.7%	66.7% #EBB2D7	RGB 235 178 215	#EBB2D7
83.3%	83.3% #EFC3E0	RGB 239 195 224	#EFC3E0
100.0%	100.0% #F4D5E9	RGB 244 213 233	#F4D5E9

#DB6DB5 #DF7EBD #E38FC6 #E7A1CF #EBB2D7 #EFC3E0 #F4D5E9

#DB6DB5 - #F4D5E9

HSV Blend

#DB6DB5 - #F4D5E9 | 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 #DB6DB5 as 0% and #F4D5E9 as 100%.

0.0%	0.0% #DB6DB4	RGB 219 109 180	#DB6DB4
16.7%	16.7% #DF7DBD	RGB 223 125 189	#DF7DBD
33.3%	33.3% #E38DC5	RGB 227 141 197	#E38DC5
50.0%	50.0% #E79ECD	RGB 231 158 205	#E79ECD
66.7%	66.7% #EBB0D6	RGB 235 176 214	#EBB0D6
83.3%	83.3% #EFC2DF	RGB 239 194 223	#EFC2DF
100.0%	100.0% #F4D5E9	RGB 244 213 233	#F4D5E9

#DB6DB4 #DF7DBD #E38DC5 #E79ECD #EBB0D6 #EFC2DF #F4D5E9

#DB6DB5 - #E79ECD - #F4D5E9

CSS codes

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

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