#9C92A2 - #E2DFE4 | 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 #9C92A2 to #E2DFE4

#9C92A2 #E2DFE4

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

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

0.0%	0.0% #9C92A2	RGB 156 146 162	#9C92A2
16.7%	16.7% #A79EAD	RGB 167 158 173	#A79EAD
33.3%	33.3% #B3ABB8	RGB 179 171 184	#B3ABB8
50.0%	50.0% #BFB8C3	RGB 191 184 195	#BFB8C3
66.7%	66.7% #CAC5CE	RGB 202 197 206	#CAC5CE
83.3%	83.3% #D6D2D9	RGB 214 210 217	#D6D2D9
100.0%	100.0% #E2DFE4	RGB 226 223 228	#E2DFE4

#9C92A2 #A79EAD #B3ABB8 #BFB8C3 #CAC5CE #D6D2D9 #E2DFE4

#9C92A2 - #E2DFE4

HSV Blend

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

0.0%	0.0% #9C92A2	RGB 156 146 162	#9C92A2
16.7%	16.7% #A79EAD	RGB 167 158 173	#A79EAD
33.3%	33.3% #B2AAB8	RGB 178 170 184	#B2AAB8
50.0%	50.0% #BEB7C3	RGB 190 183 195	#BEB7C3
66.7%	66.7% #CAC4CE	RGB 202 196 206	#CAC4CE
83.3%	83.3% #D6D1D9	RGB 214 209 217	#D6D1D9
100.0%	100.0% #E2DFE4	RGB 226 223 228	#E2DFE4

#9C92A2 #A79EAD #B2AAB8 #BEB7C3 #CAC4CE #D6D1D9 #E2DFE4

#9C92A2 - #BEB7C3 - #E2DFE4

CSS codes

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

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