#966881 - #E1D3DB | 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 #966881 to #E1D3DB

#966881 #E1D3DB

Calculate the color between two colors, #966881 and #E1D3DB. 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)

#966881 - #E1D3DB | 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 #966881 as 0% and #E1D3DB as 100%.

0.0%	0.0% #966881	RGB 150 104 129	#966881
16.7%	16.7% #A27990	RGB 162 121 144	#A27990
33.3%	33.3% #AF8B9F	RGB 175 139 159	#AF8B9F
50.0%	50.0% #BB9DAE	RGB 187 157 174	#BB9DAE
66.7%	66.7% #C8AFBD	RGB 200 175 189	#C8AFBD
83.3%	83.3% #D4C1CC	RGB 212 193 204	#D4C1CC
100.0%	100.0% #E1D3DB	RGB 225 211 219	#E1D3DB

#966881 #A27990 #AF8B9F #BB9DAE #C8AFBD #D4C1CC #E1D3DB

#966881 - #E1D3DB

HSV Blend

#966881 - #E1D3DB | 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 #966881 as 0% and #E1D3DB as 100%.

0.0%	0.0% #966881	RGB 150 104 129	#966881
16.7%	16.7% #A2778E	RGB 162 119 142	#A2778E
33.3%	33.3% #AF879D	RGB 175 135 157	#AF879D
50.0%	50.0% #BB98AC	RGB 187 152 172	#BB98AC
66.7%	66.7% #C8ABBB	RGB 200 171 187	#C8ABBB
83.3%	83.3% #D4BECB	RGB 212 190 203	#D4BECB
100.0%	100.0% #E1D3DB	RGB 225 211 219	#E1D3DB

#966881 #A2778E #AF879D #BB98AC #C8ABBB #D4BECB #E1D3DB

#966881 - #BB98AC - #E1D3DB

CSS codes

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

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