#949EC0 - #E5EACD | 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 #949EC0 to #E5EACD

#949EC0 #E5EACD

Calculate the color between two colors, #949EC0 and #E5EACD. 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)

#949EC0 - #E5EACD | 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 #949EC0 as 0% and #E5EACD as 100%.

0.0%	0.0% #949EC0	RGB 148 158 192	#949EC0
16.7%	16.7% #A1AAC2	RGB 161 170 194	#A1AAC2
33.3%	33.3% #AFB7C4	RGB 175 183 196	#AFB7C4
50.0%	50.0% #BCC4C6	RGB 188 196 198	#BCC4C6
66.7%	66.7% #CAD0C8	RGB 202 208 200	#CAD0C8
83.3%	83.3% #D7DDCA	RGB 215 221 202	#D7DDCA
100.0%	100.0% #E5EACD	RGB 229 234 205	#E5EACD

#949EC0 #A1AAC2 #AFB7C4 #BCC4C6 #CAD0C8 #D7DDCA #E5EACD

#949EC0 - #E5EACD

HSV Blend

#949EC0 - #E5EACD | 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 #949EC0 as 0% and #E5EACD as 100%.

0.0%	0.0% #949EC0	RGB 148 158 192	#949EC0
16.7%	16.7% #9CB8C7	RGB 156 184 199	#9CB8C7
33.3%	33.3% #A6CECA	RGB 166 206 202	#A6CECA
50.0%	50.0% #AFD5C1	RGB 175 213 193	#AFD5C1
66.7%	66.7% #B9DCBA	RGB 185 220 186	#B9DCBA
83.3%	83.3% #CFE3C2	RGB 207 227 194	#CFE3C2
100.0%	100.0% #E5EACD	RGB 229 234 205	#E5EACD

#949EC0 #9CB8C7 #A6CECA #AFD5C1 #B9DCBA #CFE3C2 #E5EACD

#949EC0 - #AFD5C1 - #E5EACD

CSS codes

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

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