#D5D9EE - #8689D2 | 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 #D5D9EE to #8689D2

#D5D9EE #8689D2

Calculate the color between two colors, #D5D9EE and #8689D2. 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)

#D5D9EE - #8689D2 | 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 #D5D9EE as 0% and #8689D2 as 100%.

0.0%	0.0% #D5D9EE	RGB 213 217 238	#D5D9EE
16.7%	16.7% #C7CBE9	RGB 199 203 233	#C7CBE9
33.3%	33.3% #BABEE4	RGB 186 190 228	#BABEE4
50.0%	50.0% #ADB1E0	RGB 173 177 224	#ADB1E0
66.7%	66.7% #A0A3DB	RGB 160 163 219	#A0A3DB
83.3%	83.3% #9396D6	RGB 147 150 214	#9396D6
100.0%	100.0% #8689D2	RGB 134 137 210	#8689D2

#D5D9EE #C7CBE9 #BABEE4 #ADB1E0 #A0A3DB #9396D6 #8689D2

#D5D9EE - #8689D2

HSV Blend

#D5D9EE - #8689D2 | 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 #D5D9EE as 0% and #8689D2 as 100%.

0.0%	0.0% #D5D9EE	RGB 213 217 238	#D5D9EE
16.7%	16.7% #C6CBE9	RGB 198 203 233	#C6CBE9
33.3%	33.3% #B9BEE4	RGB 185 190 228	#B9BEE4
50.0%	50.0% #ABB0E0	RGB 171 176 224	#ABB0E0
66.7%	66.7% #9EA3DB	RGB 158 163 219	#9EA3DB
83.3%	83.3% #9296D6	RGB 146 150 214	#9296D6
100.0%	100.0% #8689D2	RGB 134 137 210	#8689D2

#D5D9EE #C6CBE9 #B9BEE4 #ABB0E0 #9EA3DB #9296D6 #8689D2

#D5D9EE - #ABB0E0 - #8689D2

CSS codes

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

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