#D35B9F - #F2D0E3 | 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 #D35B9F to #F2D0E3

#D35B9F #F2D0E3

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

#D35B9F - #F2D0E3 | 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 #D35B9F as 0% and #F2D0E3 as 100%.

0.0%	0.0% #D35B9F	RGB 211 91 159	#D35B9F
16.7%	16.7% #D86EAA	RGB 216 110 170	#D86EAA
33.3%	33.3% #DD82B5	RGB 221 130 181	#DD82B5
50.0%	50.0% #E295C1	RGB 226 149 193	#E295C1
66.7%	66.7% #E7A9CC	RGB 231 169 204	#E7A9CC
83.3%	83.3% #ECBCD7	RGB 236 188 215	#ECBCD7
100.0%	100.0% #F2D0E3	RGB 242 208 227	#F2D0E3

#D35B9F #D86EAA #DD82B5 #E295C1 #E7A9CC #ECBCD7 #F2D0E3

#D35B9F - #F2D0E3

HSV Blend

#D35B9F - #F2D0E3 | 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 #D35B9F as 0% and #F2D0E3 as 100%.

0.0%	0.0% #D35B9F	RGB 211 91 159	#D35B9F
16.7%	16.7% #D86CA9	RGB 216 108 169	#D86CA9
33.3%	33.3% #DD7FB4	RGB 221 127 180	#DD7FB4
50.0%	50.0% #E292BF	RGB 226 146 191	#E292BF
66.7%	66.7% #E7A6CA	RGB 231 166 202	#E7A6CA
83.3%	83.3% #ECBAD6	RGB 236 186 214	#ECBAD6
100.0%	100.0% #F2D0E3	RGB 242 208 227	#F2D0E3

#D35B9F #D86CA9 #DD7FB4 #E292BF #E7A6CA #ECBAD6 #F2D0E3

#D35B9F - #E292BF - #F2D0E3

CSS codes

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

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