#DF5C92 - #FFBFAE | 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 #DF5C92 to #FFBFAE

#DF5C92 #FFBFAE

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

#DF5C92 - #FFBFAE | 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 #DF5C92 as 0% and #FFBFAE as 100%.

0.0%	0.0% #DF5C92	RGB 223 92 146	#DF5C92
16.7%	16.7% #E46C96	RGB 228 108 150	#E46C96
33.3%	33.3% #E97D9B	RGB 233 125 155	#E97D9B
50.0%	50.0% #EF8DA0	RGB 239 141 160	#EF8DA0
66.7%	66.7% #F49EA4	RGB 244 158 164	#F49EA4
83.3%	83.3% #F9AEA9	RGB 249 174 169	#F9AEA9
100.0%	100.0% #FFBFAE	RGB 255 191 174	#FFBFAE

#DF5C92 #E46C96 #E97D9B #EF8DA0 #F49EA4 #F9AEA9 #FFBFAE

#DF5C92 - #FFBFAE

HSV Blend

#DF5C92 - #FFBFAE | 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 #DF5C92 as 0% and #FFBFAE as 100%.

0.0%	0.0% #DF5C92	RGB 223 92 146	#DF5C92
16.7%	16.7% #E4688E	RGB 228 104 142	#E4688E
33.3%	33.3% #E9758D	RGB 233 117 141	#E9758D
50.0%	50.0% #EF828D	RGB 239 130 141	#EF828D
66.7%	66.7% #F49090	RGB 244 144 144	#F49090
83.3%	83.3% #F9A89F	RGB 249 168 159	#F9A89F
100.0%	100.0% #FFBFAE	RGB 255 191 174	#FFBFAE

#DF5C92 #E4688E #E9758D #EF828D #F49090 #F9A89F #FFBFAE

#DF5C92 - #EF828D - #FFBFAE

CSS codes

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

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