#DB5E62 - #F4D1D2 | 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 #DB5E62 to #F4D1D2

#DB5E62 #F4D1D2

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

#DB5E62 - #F4D1D2 | 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 #DB5E62 as 0% and #F4D1D2 as 100%.

0.0%	0.0% #DB5E62	RGB 219 94 98	#DB5E62
16.7%	16.7% #DF7174	RGB 223 113 116	#DF7174
33.3%	33.3% #E38487	RGB 227 132 135	#E38487
50.0%	50.0% #E7979A	RGB 231 151 154	#E7979A
66.7%	66.7% #EBAAAC	RGB 235 170 172	#EBAAAC
83.3%	83.3% #EFBDBF	RGB 239 189 191	#EFBDBF
100.0%	100.0% #F4D1D2	RGB 244 209 210	#F4D1D2

#DB5E62 #DF7174 #E38487 #E7979A #EBAAAC #EFBDBF #F4D1D2

#DB5E62 - #F4D1D2

HSV Blend

#DB5E62 - #F4D1D2 | 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 #DB5E62 as 0% and #F4D1D2 as 100%.

0.0%	0.0% #DB5E62	RGB 219 94 98	#DB5E62
16.7%	16.7% #DF6F73	RGB 223 111 115	#DF6F73
33.3%	33.3% #E38184	RGB 227 129 132	#E38184
50.0%	50.0% #E79497	RGB 231 148 151	#E79497
66.7%	66.7% #EBA8AA	RGB 235 168 170	#EBA8AA
83.3%	83.3% #EFBCBD	RGB 239 188 189	#EFBCBD
100.0%	100.0% #F4D1D2	RGB 244 209 210	#F4D1D2

#DB5E62 #DF6F73 #E38184 #E79497 #EBA8AA #EFBCBD #F4D1D2

#DB5E62 - #E79497 - #F4D1D2

CSS codes

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

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