#D8A8F9 - #C0CDFF | 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 #D8A8F9 to #C0CDFF

#D8A8F9 #C0CDFF

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

#D8A8F9 - #C0CDFF | 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 #D8A8F9 as 0% and #C0CDFF as 100%.

0.0%	0.0% #D8A8F9	RGB 216 168 249	#D8A8F9
16.7%	16.7% #D4AEFA	RGB 212 174 250	#D4AEFA
33.3%	33.3% #D0B4FB	RGB 208 180 251	#D0B4FB
50.0%	50.0% #CCBAFC	RGB 204 186 252	#CCBAFC
66.7%	66.7% #C8C0FD	RGB 200 192 253	#C8C0FD
83.3%	83.3% #C4C6FE	RGB 196 198 254	#C4C6FE
100.0%	100.0% #C0CDFF	RGB 192 205 255	#C0CDFF

#D8A8F9 #D4AEFA #D0B4FB #CCBAFC #C8C0FD #C4C6FE #C0CDFF

#D8A8F9 - #C0CDFF

HSV Blend

#D8A8F9 - #C0CDFF | 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 #D8A8F9 as 0% and #C0CDFF as 100%.

0.0%	0.0% #D8A8F9	RGB 216 168 249	#D8A8F9
16.7%	16.7% #CFABFA	RGB 207 171 250	#CFABFA
33.3%	33.3% #C8AFFB	RGB 200 175 251	#C8AFFB
50.0%	50.0% #C1B3FC	RGB 193 179 252	#C1B3FC
66.7%	66.7% #BCB7FD	RGB 188 183 253	#BCB7FD
83.3%	83.3% #BBC0FE	RGB 187 192 254	#BBC0FE
100.0%	100.0% #C0CDFF	RGB 192 205 255	#C0CDFF

#D8A8F9 #CFABFA #C8AFFB #C1B3FC #BCB7FD #BBC0FE #C0CDFF

#D8A8F9 - #C1B3FC - #C0CDFF

CSS codes

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

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