#D27CDF - #F2D9F5 | 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 #D27CDF to #F2D9F5

#D27CDF #F2D9F5

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

#D27CDF - #F2D9F5 | 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 #D27CDF as 0% and #F2D9F5 as 100%.

0.0%	0.0% #D27CDF	RGB 210 124 223	#D27CDF
16.7%	16.7% #D78BE2	RGB 215 139 226	#D78BE2
33.3%	33.3% #DC9BE6	RGB 220 155 230	#DC9BE6
50.0%	50.0% #E2AAEA	RGB 226 170 234	#E2AAEA
66.7%	66.7% #E7BAED	RGB 231 186 237	#E7BAED
83.3%	83.3% #ECC9F1	RGB 236 201 241	#ECC9F1
100.0%	100.0% #F2D9F5	RGB 242 217 245	#F2D9F5

#D27CDF #D78BE2 #DC9BE6 #E2AAEA #E7BAED #ECC9F1 #F2D9F5

#D27CDF - #F2D9F5

HSV Blend

#D27CDF - #F2D9F5 | 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 #D27CDF as 0% and #F2D9F5 as 100%.

0.0%	0.0% #D27CDF	RGB 210 124 223	#D27CDF
16.7%	16.7% #D78AE2	RGB 215 138 226	#D78AE2
33.3%	33.3% #DC99E6	RGB 220 153 230	#DC99E6
50.0%	50.0% #E2A8EA	RGB 226 168 234	#E2A8EA
66.7%	66.7% #E7B8ED	RGB 231 184 237	#E7B8ED
83.3%	83.3% #ECC8F1	RGB 236 200 241	#ECC8F1
100.0%	100.0% #F2D9F5	RGB 242 217 245	#F2D9F5

#D27CDF #D78AE2 #DC99E6 #E2A8EA #E7B8ED #ECC8F1 #F2D9F5

#D27CDF - #E2A8EA - #F2D9F5

CSS codes

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

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