#D0C8F7 - #6867C0 | 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 #D0C8F7 to #6867C0

#D0C8F7 #6867C0

Calculate the color between two colors, #D0C8F7 and #6867C0. 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)

#D0C8F7 - #6867C0 | 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 #D0C8F7 as 0% and #6867C0 as 100%.

0.0%	0.0% #D0C8F7	RGB 208 200 247	#D0C8F7
16.7%	16.7% #BEB7ED	RGB 190 183 237	#BEB7ED
33.3%	33.3% #ADA7E4	RGB 173 167 228	#ADA7E4
50.0%	50.0% #9C97DB	RGB 156 151 219	#9C97DB
66.7%	66.7% #8A87D2	RGB 138 135 210	#8A87D2
83.3%	83.3% #7977C9	RGB 121 119 201	#7977C9
100.0%	100.0% #6867C0	RGB 104 103 192	#6867C0

#D0C8F7 #BEB7ED #ADA7E4 #9C97DB #8A87D2 #7977C9 #6867C0

#D0C8F7 - #6867C0

HSV Blend

#D0C8F7 - #6867C0 | 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 #D0C8F7 as 0% and #6867C0 as 100%.

0.0%	0.0% #D0C8F7	RGB 208 200 247	#D0C8F7
16.7%	16.7% #BDB5ED	RGB 189 181 237	#BDB5ED
33.3%	33.3% #ABA4E4	RGB 171 164 228	#ABA4E4
50.0%	50.0% #9A93DB	RGB 154 147 219	#9A93DB
66.7%	66.7% #8983D2	RGB 137 131 210	#8983D2
83.3%	83.3% #7875C9	RGB 120 117 201	#7875C9
100.0%	100.0% #6867C0	RGB 104 103 192	#6867C0

#D0C8F7 #BDB5ED #ABA4E4 #9A93DB #8983D2 #7875C9 #6867C0

#D0C8F7 - #9A93DB - #6867C0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D0C8F7 0%, #9A93DB 50%, #6867C0 100%);
    background: -webkit-linear-gradient(top, #D0C8F7 0%, #9A93DB 50%, #6867C0 100%);
    background: linear-gradient(to bottom, #D0C8F7 0%, #9A93DB 50%, #6867C0 100%);
}
</style>