#DF5D8F - #F5D0DF | 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 #DF5D8F to #F5D0DF

#DF5D8F #F5D0DF

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

#DF5D8F - #F5D0DF | 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 #DF5D8F as 0% and #F5D0DF as 100%.

0.0%	0.0% #DF5D8F	RGB 223 93 143	#DF5D8F
16.7%	16.7% #E2709C	RGB 226 112 156	#E2709C
33.3%	33.3% #E683A9	RGB 230 131 169	#E683A9
50.0%	50.0% #EA96B7	RGB 234 150 183	#EA96B7
66.7%	66.7% #EDA9C4	RGB 237 169 196	#EDA9C4
83.3%	83.3% #F1BCD1	RGB 241 188 209	#F1BCD1
100.0%	100.0% #F5D0DF	RGB 245 208 223	#F5D0DF

#DF5D8F #E2709C #E683A9 #EA96B7 #EDA9C4 #F1BCD1 #F5D0DF

#DF5D8F - #F5D0DF

HSV Blend

#DF5D8F - #F5D0DF | 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 #DF5D8F as 0% and #F5D0DF as 100%.

0.0%	0.0% #DF5D8F	RGB 223 93 143	#DF5D8F
16.7%	16.7% #E26E9B	RGB 226 110 155	#E26E9B
33.3%	33.3% #E681A8	RGB 230 129 168	#E681A8
50.0%	50.0% #EA94B6	RGB 234 148 182	#EA94B6
66.7%	66.7% #EDA7C3	RGB 237 167 195	#EDA7C3
83.3%	83.3% #F1BBD1	RGB 241 187 209	#F1BBD1
100.0%	100.0% #F5D0DF	RGB 245 208 223	#F5D0DF

#DF5D8F #E26E9B #E681A8 #EA94B6 #EDA7C3 #F1BBD1 #F5D0DF

#DF5D8F - #EA94B6 - #F5D0DF

CSS codes

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

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