#D3A8DF - #C7D6E2 | 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 #D3A8DF to #C7D6E2

#D3A8DF #C7D6E2

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

#D3A8DF - #C7D6E2 | 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 #D3A8DF as 0% and #C7D6E2 as 100%.

0.0%	0.0% #D3A8DF	RGB 211 168 223	#D3A8DF
16.7%	16.7% #D1AFDF	RGB 209 175 223	#D1AFDF
33.3%	33.3% #CFB7E0	RGB 207 183 224	#CFB7E0
50.0%	50.0% #CDBFE0	RGB 205 191 224	#CDBFE0
66.7%	66.7% #CBC6E1	RGB 203 198 225	#CBC6E1
83.3%	83.3% #C9CEE1	RGB 201 206 225	#C9CEE1
100.0%	100.0% #C7D6E2	RGB 199 214 226	#C7D6E2

#D3A8DF #D1AFDF #CFB7E0 #CDBFE0 #CBC6E1 #C9CEE1 #C7D6E2

#D3A8DF - #C7D6E2

HSV Blend

#D3A8DF - #C7D6E2 | 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 #D3A8DF as 0% and #C7D6E2 as 100%.

0.0%	0.0% #D3A8DF	RGB 211 168 223	#D3A8DF
16.7%	16.7% #C9ADDF	RGB 201 173 223	#C9ADDF
33.3%	33.3% #C1B2E0	RGB 193 178 224	#C1B2E0
50.0%	50.0% #BCB7E0	RGB 188 183 224	#BCB7E0
66.7%	66.7% #BCC0E1	RGB 188 192 225	#BCC0E1
83.3%	83.3% #C1CCE1	RGB 193 204 225	#C1CCE1
100.0%	100.0% #C7D6E2	RGB 199 214 226	#C7D6E2

#D3A8DF #C9ADDF #C1B2E0 #BCB7E0 #BCC0E1 #C1CCE1 #C7D6E2

#D3A8DF - #BCB7E0 - #C7D6E2

CSS codes

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

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