#D6CFE5 - #8C68B6 | 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 #D6CFE5 to #8C68B6

#D6CFE5 #8C68B6

Calculate the color between two colors, #D6CFE5 and #8C68B6. 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)

#D6CFE5 - #8C68B6 | 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 #D6CFE5 as 0% and #8C68B6 as 100%.

0.0%	0.0% #D6CFE5	RGB 214 207 229	#D6CFE5
16.7%	16.7% #C9BDDD	RGB 201 189 221	#C9BDDD
33.3%	33.3% #BDACD5	RGB 189 172 213	#BDACD5
50.0%	50.0% #B19BCD	RGB 177 155 205	#B19BCD
66.7%	66.7% #A48AC5	RGB 164 138 197	#A48AC5
83.3%	83.3% #9879BD	RGB 152 121 189	#9879BD
100.0%	100.0% #8C68B6	RGB 140 104 182	#8C68B6

#D6CFE5 #C9BDDD #BDACD5 #B19BCD #A48AC5 #9879BD #8C68B6

#D6CFE5 - #8C68B6

HSV Blend

#D6CFE5 - #8C68B6 | 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 #D6CFE5 as 0% and #8C68B6 as 100%.

0.0%	0.0% #D6CFE5	RGB 214 207 229	#D6CFE5
16.7%	16.7% #C7BBDD	RGB 199 187 221	#C7BBDD
33.3%	33.3% #B9A9D5	RGB 185 169 213	#B9A9D5
50.0%	50.0% #AC97CD	RGB 172 151 205	#AC97CD
66.7%	66.7% #A086C5	RGB 160 134 197	#A086C5
83.3%	83.3% #9576BD	RGB 149 118 189	#9576BD
100.0%	100.0% #8C68B6	RGB 140 104 182	#8C68B6

#D6CFE5 #C7BBDD #B9A9D5 #AC97CD #A086C5 #9576BD #8C68B6

#D6CFE5 - #AC97CD - #8C68B6

CSS codes

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

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