#D6D5E9 - #937AAE | 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 #D6D5E9 to #937AAE

#D6D5E9 #937AAE

Calculate the color between two colors, #D6D5E9 and #937AAE. 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)

#D6D5E9 - #937AAE | 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 #D6D5E9 as 0% and #937AAE as 100%.

0.0%	0.0% #D6D5E9	RGB 214 213 233	#D6D5E9
16.7%	16.7% #CAC5DF	RGB 202 197 223	#CAC5DF
33.3%	33.3% #BFB6D5	RGB 191 182 213	#BFB6D5
50.0%	50.0% #B4A7CB	RGB 180 167 203	#B4A7CB
66.7%	66.7% #A998C1	RGB 169 152 193	#A998C1
83.3%	83.3% #9E89B7	RGB 158 137 183	#9E89B7
100.0%	100.0% #937AAE	RGB 147 122 174	#937AAE

#D6D5E9 #CAC5DF #BFB6D5 #B4A7CB #A998C1 #9E89B7 #937AAE

#D6D5E9 - #937AAE

HSV Blend

#D6D5E9 - #937AAE | 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 #D6D5E9 as 0% and #937AAE as 100%.

0.0%	0.0% #D6D5E9	RGB 214 213 233	#D6D5E9
16.7%	16.7% #C7C4DF	RGB 199 196 223	#C7C4DF
33.3%	33.3% #BAB3D5	RGB 186 179 213	#BAB3D5
50.0%	50.0% #AEA4CB	RGB 174 164 203	#AEA4CB
66.7%	66.7% #A495C1	RGB 164 149 193	#A495C1
83.3%	83.3% #9B87B7	RGB 155 135 183	#9B87B7
100.0%	100.0% #937AAE	RGB 147 122 174	#937AAE

#D6D5E9 #C7C4DF #BAB3D5 #AEA4CB #A495C1 #9B87B7 #937AAE

#D6D5E9 - #AEA4CB - #937AAE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D6D5E9 0%, #AEA4CB 50%, #937AAE 100%);
    background: -webkit-linear-gradient(top, #D6D5E9 0%, #AEA4CB 50%, #937AAE 100%);
    background: linear-gradient(to bottom, #D6D5E9 0%, #AEA4CB 50%, #937AAE 100%);
}
</style>