#8E6DA2 - #DDD5E4 | 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 #8E6DA2 to #DDD5E4

#8E6DA2 #DDD5E4

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

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

0.0%	0.0% #8E6DA2	RGB 142 109 162	#8E6DA2
16.7%	16.7% #9B7EAD	RGB 155 126 173	#9B7EAD
33.3%	33.3% #A88FB8	RGB 168 143 184	#A88FB8
50.0%	50.0% #B5A1C3	RGB 181 161 195	#B5A1C3
66.7%	66.7% #C2B2CE	RGB 194 178 206	#C2B2CE
83.3%	83.3% #CFC3D9	RGB 207 195 217	#CFC3D9
100.0%	100.0% #DDD5E4	RGB 221 213 228	#DDD5E4

#8E6DA2 #9B7EAD #A88FB8 #B5A1C3 #C2B2CE #CFC3D9 #DDD5E4

#8E6DA2 - #DDD5E4

HSV Blend

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

0.0%	0.0% #8E6DA2	RGB 142 109 162	#8E6DA2
16.7%	16.7% #997BAD	RGB 153 123 173	#997BAD
33.3%	33.3% #A68BB8	RGB 166 139 184	#A68BB8
50.0%	50.0% #B29CC3	RGB 178 156 195	#B29CC3
66.7%	66.7% #C0AECE	RGB 192 174 206	#C0AECE
83.3%	83.3% #CEC1D9	RGB 206 193 217	#CEC1D9
100.0%	100.0% #DDD5E4	RGB 221 213 228	#DDD5E4

#8E6DA2 #997BAD #A68BB8 #B29CC3 #C0AECE #CEC1D9 #DDD5E4

#8E6DA2 - #B29CC3 - #DDD5E4

CSS codes

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

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