#DF7BA1 - #F5D9E4 | 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 #DF7BA1 to #F5D9E4

#DF7BA1 #F5D9E4

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

#DF7BA1 - #F5D9E4 | 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 #DF7BA1 as 0% and #F5D9E4 as 100%.

0.0%	0.0% #DF7BA1	RGB 223 123 161	#DF7BA1
16.7%	16.7% #E28AAC	RGB 226 138 172	#E28AAC
33.3%	33.3% #E69AB7	RGB 230 154 183	#E69AB7
50.0%	50.0% #EAAAC2	RGB 234 170 194	#EAAAC2
66.7%	66.7% #EDB9CD	RGB 237 185 205	#EDB9CD
83.3%	83.3% #F1C9D8	RGB 241 201 216	#F1C9D8
100.0%	100.0% #F5D9E4	RGB 245 217 228	#F5D9E4

#DF7BA1 #E28AAC #E69AB7 #EAAAC2 #EDB9CD #F1C9D8 #F5D9E4

#DF7BA1 - #F5D9E4

HSV Blend

#DF7BA1 - #F5D9E4 | 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 #DF7BA1 as 0% and #F5D9E4 as 100%.

0.0%	0.0% #DF7BA1	RGB 223 123 161	#DF7BA1
16.7%	16.7% #E289AB	RGB 226 137 171	#E289AB
33.3%	33.3% #E698B6	RGB 230 152 182	#E698B6
50.0%	50.0% #EAA8C1	RGB 234 168 193	#EAA8C1
66.7%	66.7% #EDB8CC	RGB 237 184 204	#EDB8CC
83.3%	83.3% #F1C8D8	RGB 241 200 216	#F1C8D8
100.0%	100.0% #F5D9E4	RGB 245 217 228	#F5D9E4

#DF7BA1 #E289AB #E698B6 #EAA8C1 #EDB8CC #F1C8D8 #F5D9E4

#DF7BA1 - #EAA8C1 - #F5D9E4

CSS codes

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

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