#DEC5E4 - #8D6BA5 | 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 #DEC5E4 to #8D6BA5

#DEC5E4 #8D6BA5

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

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

0.0%	0.0% #DEC5E4	RGB 222 197 228	#DEC5E4
16.7%	16.7% #D0B6D9	RGB 208 182 217	#D0B6D9
33.3%	33.3% #C3A7CF	RGB 195 167 207	#C3A7CF
50.0%	50.0% #B598C4	RGB 181 152 196	#B598C4
66.7%	66.7% #A889BA	RGB 168 137 186	#A889BA
83.3%	83.3% #9A7AAF	RGB 154 122 175	#9A7AAF
100.0%	100.0% #8D6BA5	RGB 141 107 165	#8D6BA5

#DEC5E4 #D0B6D9 #C3A7CF #B598C4 #A889BA #9A7AAF #8D6BA5

#DEC5E4 - #8D6BA5

HSV Blend

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

0.0%	0.0% #DEC5E4	RGB 222 197 228	#DEC5E4
16.7%	16.7% #D0B4D9	RGB 208 180 217	#D0B4D9
33.3%	33.3% #C3A3CF	RGB 195 163 207	#C3A3CF
50.0%	50.0% #B594C4	RGB 181 148 196	#B594C4
66.7%	66.7% #A885BA	RGB 168 133 186	#A885BA
83.3%	83.3% #9A78AF	RGB 154 120 175	#9A78AF
100.0%	100.0% #8D6BA5	RGB 141 107 165	#8D6BA5

#DEC5E4 #D0B4D9 #C3A3CF #B594C4 #A885BA #9A78AF #8D6BA5

#DEC5E4 - #B594C4 - #8D6BA5

CSS codes

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

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