#DA5E80 - #F4D1DA | 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 #DA5E80 to #F4D1DA

#DA5E80 #F4D1DA

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

#DA5E80 - #F4D1DA | 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 #DA5E80 as 0% and #F4D1DA as 100%.

0.0%	0.0% #DA5E80	RGB 218 94 128	#DA5E80
16.7%	16.7% #DE718F	RGB 222 113 143	#DE718F
33.3%	33.3% #E2849E	RGB 226 132 158	#E2849E
50.0%	50.0% #E797AD	RGB 231 151 173	#E797AD
66.7%	66.7% #EBAABC	RGB 235 170 188	#EBAABC
83.3%	83.3% #EFBDCB	RGB 239 189 203	#EFBDCB
100.0%	100.0% #F4D1DA	RGB 244 209 218	#F4D1DA

#DA5E80 #DE718F #E2849E #E797AD #EBAABC #EFBDCB #F4D1DA

#DA5E80 - #F4D1DA

HSV Blend

#DA5E80 - #F4D1DA | 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 #DA5E80 as 0% and #F4D1DA as 100%.

0.0%	0.0% #DA5E80	RGB 218 94 128	#DA5E80
16.7%	16.7% #DE6F8D	RGB 222 111 141	#DE6F8D
33.3%	33.3% #E2819B	RGB 226 129 155	#E2819B
50.0%	50.0% #E794AA	RGB 231 148 170	#E794AA
66.7%	66.7% #EBA8B9	RGB 235 168 185	#EBA8B9
83.3%	83.3% #EFBCC9	RGB 239 188 201	#EFBCC9
100.0%	100.0% #F4D1DA	RGB 244 209 218	#F4D1DA

#DA5E80 #DE6F8D #E2819B #E794AA #EBA8B9 #EFBCC9 #F4D1DA

#DA5E80 - #E794AA - #F4D1DA

CSS codes

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

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