#D7AFC3 - #DBE6E2 | 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 #D7AFC3 to #DBE6E2

#D7AFC3 #DBE6E2

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

#D7AFC3 - #DBE6E2 | 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 #D7AFC3 as 0% and #DBE6E2 as 100%.

0.0%	0.0% #D7AFC3	RGB 215 175 195	#D7AFC3
16.7%	16.7% #D7B8C8	RGB 215 184 200	#D7B8C8
33.3%	33.3% #D8C1CD	RGB 216 193 205	#D8C1CD
50.0%	50.0% #D9CAD2	RGB 217 202 210	#D9CAD2
66.7%	66.7% #D9D3D7	RGB 217 211 215	#D9D3D7
83.3%	83.3% #DADCDC	RGB 218 220 220	#DADCDC
100.0%	100.0% #DBE6E2	RGB 219 230 226	#DBE6E2

#D7AFC3 #D7B8C8 #D8C1CD #D9CAD2 #D9D3D7 #DADCDC #DBE6E2

#D7AFC3 - #DBE6E2

HSV Blend

#D7AFC3 - #DBE6E2 | 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 #D7AFC3 as 0% and #DBE6E2 as 100%.

0.0%	0.0% #D7AFC3	RGB 215 175 195	#D7AFC3
16.7%	16.7% #D9B6D8	RGB 217 182 216	#D9B6D8
33.3%	33.3% #CEBDDC	RGB 206 189 220	#CEBDDC
50.0%	50.0% #C6C4DE	RGB 198 196 222	#C6C4DE
66.7%	66.7% #CBD4E1	RGB 203 212 225	#CBD4E1
83.3%	83.3% #D3E1E3	RGB 211 225 227	#D3E1E3
100.0%	100.0% #DBE6E2	RGB 219 230 226	#DBE6E2

#D7AFC3 #D9B6D8 #CEBDDC #C6C4DE #CBD4E1 #D3E1E3 #DBE6E2

#D7AFC3 - #C6C4DE - #DBE6E2

CSS codes

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

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