#DB5E6C - #F4D1D5 | 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 #DB5E6C to #F4D1D5

#DB5E6C #F4D1D5

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

#DB5E6C - #F4D1D5 | 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 #DB5E6C as 0% and #F4D1D5 as 100%.

0.0%	0.0% #DB5E6C	RGB 219 94 108	#DB5E6C
16.7%	16.7% #DF717D	RGB 223 113 125	#DF717D
33.3%	33.3% #E3848F	RGB 227 132 143	#E3848F
50.0%	50.0% #E797A0	RGB 231 151 160	#E797A0
66.7%	66.7% #EBAAB2	RGB 235 170 178	#EBAAB2
83.3%	83.3% #EFBDC3	RGB 239 189 195	#EFBDC3
100.0%	100.0% #F4D1D5	RGB 244 209 213	#F4D1D5

#DB5E6C #DF717D #E3848F #E797A0 #EBAAB2 #EFBDC3 #F4D1D5

#DB5E6C - #F4D1D5

HSV Blend

#DB5E6C - #F4D1D5 | 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 #DB5E6C as 0% and #F4D1D5 as 100%.

0.0%	0.0% #DB5E6C	RGB 219 94 108	#DB5E6C
16.7%	16.7% #DF6F7C	RGB 223 111 124	#DF6F7C
33.3%	33.3% #E3818C	RGB 227 129 140	#E3818C
50.0%	50.0% #E7949E	RGB 231 148 158	#E7949E
66.7%	66.7% #EBA8AF	RGB 235 168 175	#EBA8AF
83.3%	83.3% #EFBCC2	RGB 239 188 194	#EFBCC2
100.0%	100.0% #F4D1D5	RGB 244 209 213	#F4D1D5

#DB5E6C #DF6F7C #E3818C #E7949E #EBA8AF #EFBCC2 #F4D1D5

#DB5E6C - #E7949E - #F4D1D5

CSS codes

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

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