#9C9FAA - #DDCEB8 | 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 #9C9FAA to #DDCEB8

#9C9FAA #DDCEB8

Calculate the color between two colors, #9C9FAA and #DDCEB8. 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)

#9C9FAA - #DDCEB8 | 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 #9C9FAA as 0% and #DDCEB8 as 100%.

0.0%	0.0% #9C9FAA	RGB 156 159 170	#9C9FAA
16.7%	16.7% #A6A6AC	RGB 166 166 172	#A6A6AC
33.3%	33.3% #B1AEAE	RGB 177 174 174	#B1AEAE
50.0%	50.0% #BCB6B1	RGB 188 182 177	#BCB6B1
66.7%	66.7% #C7BEB3	RGB 199 190 179	#C7BEB3
83.3%	83.3% #D2C6B5	RGB 210 198 181	#D2C6B5
100.0%	100.0% #DDCEB8	RGB 221 206 184	#DDCEB8

#9C9FAA #A6A6AC #B1AEAE #BCB6B1 #C7BEB3 #D2C6B5 #DDCEB8

#9C9FAA - #DDCEB8

HSV Blend

#9C9FAA - #DDCEB8 | 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 #9C9FAA as 0% and #DDCEB8 as 100%.

0.0%	0.0% #9C9FAA	RGB 156 159 170	#9C9FAA
16.7%	16.7% #A5A1B2	RGB 165 161 178	#A5A1B2
33.3%	33.3% #B5A6BB	RGB 181 166 187	#B5A6BB
50.0%	50.0% #C3ABBE	RGB 195 171 190	#C3ABBE
66.7%	66.7% #CCAFB9	RGB 204 175 185	#CCAFB9
83.3%	83.3% #D4B8B3	RGB 212 184 179	#D4B8B3
100.0%	100.0% #DDCEB8	RGB 221 206 184	#DDCEB8

#9C9FAA #A5A1B2 #B5A6BB #C3ABBE #CCAFB9 #D4B8B3 #DDCEB8

#9C9FAA - #C3ABBE - #DDCEB8

CSS codes

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

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