#DB5E74 - #F4D1D7 | 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 #DB5E74 to #F4D1D7

#DB5E74 #F4D1D7

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

#DB5E74 - #F4D1D7 | 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 #DB5E74 as 0% and #F4D1D7 as 100%.

0.0%	0.0% #DB5E74	RGB 219 94 116	#DB5E74
16.7%	16.7% #DF7184	RGB 223 113 132	#DF7184
33.3%	33.3% #E38495	RGB 227 132 149	#E38495
50.0%	50.0% #E797A5	RGB 231 151 165	#E797A5
66.7%	66.7% #EBAAB6	RGB 235 170 182	#EBAAB6
83.3%	83.3% #EFBDC6	RGB 239 189 198	#EFBDC6
100.0%	100.0% #F4D1D7	RGB 244 209 215	#F4D1D7

#DB5E74 #DF7184 #E38495 #E797A5 #EBAAB6 #EFBDC6 #F4D1D7

#DB5E74 - #F4D1D7

HSV Blend

#DB5E74 - #F4D1D7 | 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 #DB5E74 as 0% and #F4D1D7 as 100%.

0.0%	0.0% #DB5E74	RGB 219 94 116	#DB5E74
16.7%	16.7% #DF6F83	RGB 223 111 131	#DF6F83
33.3%	33.3% #E38192	RGB 227 129 146	#E38192
50.0%	50.0% #E794A3	RGB 231 148 163	#E794A3
66.7%	66.7% #EBA8B3	RGB 235 168 179	#EBA8B3
83.3%	83.3% #EFBCC5	RGB 239 188 197	#EFBCC5
100.0%	100.0% #F4D1D7	RGB 244 209 215	#F4D1D7

#DB5E74 #DF6F83 #E38192 #E794A3 #EBA8B3 #EFBCC5 #F4D1D7

#DB5E74 - #E794A3 - #F4D1D7

CSS codes

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

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