#D35ECB - #F2D1F0 | 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 #D35ECB to #F2D1F0

#D35ECB #F2D1F0

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

#D35ECB - #F2D1F0 | 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 #D35ECB as 0% and #F2D1F0 as 100%.

0.0%	0.0% #D35ECB	RGB 211 94 203	#D35ECB
16.7%	16.7% #D871D1	RGB 216 113 209	#D871D1
33.3%	33.3% #DD84D7	RGB 221 132 215	#DD84D7
50.0%	50.0% #E297DD	RGB 226 151 221	#E297DD
66.7%	66.7% #E7AAE3	RGB 231 170 227	#E7AAE3
83.3%	83.3% #ECBDE9	RGB 236 189 233	#ECBDE9
100.0%	100.0% #F2D1F0	RGB 242 209 240	#F2D1F0

#D35ECB #D871D1 #DD84D7 #E297DD #E7AAE3 #ECBDE9 #F2D1F0

#D35ECB - #F2D1F0

HSV Blend

#D35ECB - #F2D1F0 | 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 #D35ECB as 0% and #F2D1F0 as 100%.

0.0%	0.0% #D35DCB	RGB 211 93 203	#D35DCB
16.7%	16.7% #D86FD1	RGB 216 111 209	#D86FD1
33.3%	33.3% #DD81D7	RGB 221 129 215	#DD81D7
50.0%	50.0% #E294DD	RGB 226 148 221	#E294DD
66.7%	66.7% #E7A7E3	RGB 231 167 227	#E7A7E3
83.3%	83.3% #ECBCE9	RGB 236 188 233	#ECBCE9
100.0%	100.0% #F2D1F0	RGB 242 209 240	#F2D1F0

#D35DCB #D86FD1 #DD81D7 #E294DD #E7A7E3 #ECBCE9 #F2D1F0

#D35ECB - #E294DD - #F2D1F0

CSS codes

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

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