#D3609F - #F2D1E3 | 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 #D3609F to #F2D1E3

#D3609F #F2D1E3

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

#D3609F - #F2D1E3 | 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 #D3609F as 0% and #F2D1E3 as 100%.

0.0%	0.0% #D3609F	RGB 211 96 159	#D3609F
16.7%	16.7% #D872AA	RGB 216 114 170	#D872AA
33.3%	33.3% #DD85B5	RGB 221 133 181	#DD85B5
50.0%	50.0% #E298C1	RGB 226 152 193	#E298C1
66.7%	66.7% #E7ABCC	RGB 231 171 204	#E7ABCC
83.3%	83.3% #ECBED7	RGB 236 190 215	#ECBED7
100.0%	100.0% #F2D1E3	RGB 242 209 227	#F2D1E3

#D3609F #D872AA #DD85B5 #E298C1 #E7ABCC #ECBED7 #F2D1E3

#D3609F - #F2D1E3

HSV Blend

#D3609F - #F2D1E3 | 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 #D3609F as 0% and #F2D1E3 as 100%.

0.0%	0.0% #D3609F	RGB 211 96 159	#D3609F
16.7%	16.7% #D871A9	RGB 216 113 169	#D871A9
33.3%	33.3% #DD82B4	RGB 221 130 180	#DD82B4
50.0%	50.0% #E295BF	RGB 226 149 191	#E295BF
66.7%	66.7% #E7A8CB	RGB 231 168 203	#E7A8CB
83.3%	83.3% #ECBCD6	RGB 236 188 214	#ECBCD6
100.0%	100.0% #F2D1E3	RGB 242 209 227	#F2D1E3

#D3609F #D871A9 #DD82B4 #E295BF #E7A8CB #ECBCD6 #F2D1E3

#D3609F - #E295BF - #F2D1E3

CSS codes

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

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