#D7A8D2 - #DCF2E5 | 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 #D7A8D2 to #DCF2E5

#D7A8D2 #DCF2E5

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

#D7A8D2 - #DCF2E5 | 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 #D7A8D2 as 0% and #DCF2E5 as 100%.

0.0%	0.0% #D7A8D2	RGB 215 168 210	#D7A8D2
16.7%	16.7% #D7B4D5	RGB 215 180 213	#D7B4D5
33.3%	33.3% #D8C0D8	RGB 216 192 216	#D8C0D8
50.0%	50.0% #D9CDDB	RGB 217 205 219	#D9CDDB
66.7%	66.7% #DAD9DE	RGB 218 217 222	#DAD9DE
83.3%	83.3% #DBE5E1	RGB 219 229 225	#DBE5E1
100.0%	100.0% #DCF2E5	RGB 220 242 229	#DCF2E5

#D7A8D2 #D7B4D5 #D8C0D8 #D9CDDB #DAD9DE #DBE5E1 #DCF2E5

#D7A8D2 - #DCF2E5

HSV Blend

#D7A8D2 - #DCF2E5 | 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 #D7A8D2 as 0% and #DCF2E5 as 100%.

0.0%	0.0% #D7A8D2	RGB 215 168 210	#D7A8D2
16.7%	16.7% #CCB0DB	RGB 204 176 219	#CCB0DB
33.3%	33.3% #C0B8E0	RGB 192 184 224	#C0B8E0
50.0%	50.0% #C1C9E4	RGB 193 201 228	#C1C9E4
66.7%	66.7% #C9DFE9	RGB 201 223 233	#C9DFE9
83.3%	83.3% #D2EDE9	RGB 210 237 233	#D2EDE9
100.0%	100.0% #DCF2E5	RGB 220 242 229	#DCF2E5

#D7A8D2 #CCB0DB #C0B8E0 #C1C9E4 #C9DFE9 #D2EDE9 #DCF2E5

#D7A8D2 - #C1C9E4 - #DCF2E5

CSS codes

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

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