#DB6B7C - #F4D4D9 | 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 #DB6B7C to #F4D4D9

#DB6B7C #F4D4D9

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

#DB6B7C - #F4D4D9 | 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 #DB6B7C as 0% and #F4D4D9 as 100%.

0.0%	0.0% #DB6B7C	RGB 219 107 124	#DB6B7C
16.7%	16.7% #DF7C8B	RGB 223 124 139	#DF7C8B
33.3%	33.3% #E38E9B	RGB 227 142 155	#E38E9B
50.0%	50.0% #E79FAA	RGB 231 159 170	#E79FAA
66.7%	66.7% #EBB1BA	RGB 235 177 186	#EBB1BA
83.3%	83.3% #EFC2C9	RGB 239 194 201	#EFC2C9
100.0%	100.0% #F4D4D9	RGB 244 212 217	#F4D4D9

#DB6B7C #DF7C8B #E38E9B #E79FAA #EBB1BA #EFC2C9 #F4D4D9

#DB6B7C - #F4D4D9

HSV Blend

#DB6B7C - #F4D4D9 | 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 #DB6B7C as 0% and #F4D4D9 as 100%.

0.0%	0.0% #DB6B7C	RGB 219 107 124	#DB6B7C
16.7%	16.7% #DF7B8A	RGB 223 123 138	#DF7B8A
33.3%	33.3% #E38B99	RGB 227 139 153	#E38B99
50.0%	50.0% #E79DA8	RGB 231 157 168	#E79DA8
66.7%	66.7% #EBAEB8	RGB 235 174 184	#EBAEB8
83.3%	83.3% #EFC1C8	RGB 239 193 200	#EFC1C8
100.0%	100.0% #F4D4D9	RGB 244 212 217	#F4D4D9

#DB6B7C #DF7B8A #E38B99 #E79DA8 #EBAEB8 #EFC1C8 #F4D4D9

#DB6B7C - #E79DA8 - #F4D4D9

CSS codes

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

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