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

#DB6FB3 #F4D5E9

Calculate the color between two colors, #DB6FB3 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)

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

0.0%	0.0% #DB6FB3	RGB 219 111 179	#DB6FB3
16.7%	16.7% #DF80BC	RGB 223 128 188	#DF80BC
33.3%	33.3% #E391C5	RGB 227 145 197	#E391C5
50.0%	50.0% #E7A2CE	RGB 231 162 206	#E7A2CE
66.7%	66.7% #EBB3D7	RGB 235 179 215	#EBB3D7
83.3%	83.3% #EFC4E0	RGB 239 196 224	#EFC4E0
100.0%	100.0% #F4D5E9	RGB 244 213 233	#F4D5E9

#DB6FB3 #DF80BC #E391C5 #E7A2CE #EBB3D7 #EFC4E0 #F4D5E9

#DB6FB3 - #F4D5E9

HSV Blend

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

0.0%	0.0% #DB6FB3	RGB 219 111 179	#DB6FB3
16.7%	16.7% #DF7EBB	RGB 223 126 187	#DF7EBB
33.3%	33.3% #E38EC4	RGB 227 142 196	#E38EC4
50.0%	50.0% #E79FCD	RGB 231 159 205	#E79FCD
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

#DB6FB3 #DF7EBB #E38EC4 #E79FCD #EBB0D6 #EFC2DF #F4D5E9

#DB6FB3 - #E79FCD - #F4D5E9

CSS codes

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

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