#4E4ECE - #CCCCF1 | 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 #4E4ECE to #CCCCF1

#4E4ECE #CCCCF1

Calculate the color between two colors, #4E4ECE and #CCCCF1. 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)

#4E4ECE - #CCCCF1 | 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 #4E4ECE as 0% and #CCCCF1 as 100%.

0.0%	0.0% #4E4ECE	RGB 78 78 206	#4E4ECE
16.7%	16.7% #6363D3	RGB 99 99 211	#6363D3
33.3%	33.3% #7878D9	RGB 120 120 217	#7878D9
50.0%	50.0% #8D8DDF	RGB 141 141 223	#8D8DDF
66.7%	66.7% #A2A2E5	RGB 162 162 229	#A2A2E5
83.3%	83.3% #B7B7EB	RGB 183 183 235	#B7B7EB
100.0%	100.0% #CCCCF1	RGB 204 204 241	#CCCCF1

#4E4ECE #6363D3 #7878D9 #8D8DDF #A2A2E5 #B7B7EB #CCCCF1

#4E4ECE - #CCCCF1

HSV Blend

#4E4ECE - #CCCCF1 | 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 #4E4ECE as 0% and #CCCCF1 as 100%.

0.0%	0.0% #4E4ECE	RGB 78 78 206	#4E4ECE
16.7%	16.7% #6060D3	RGB 96 96 211	#6060D3
33.3%	33.3% #7474D9	RGB 116 116 217	#7474D9
50.0%	50.0% #8888DF	RGB 136 136 223	#8888DF
66.7%	66.7% #9E9EE5	RGB 158 158 229	#9E9EE5
83.3%	83.3% #B4B4EB	RGB 180 180 235	#B4B4EB
100.0%	100.0% #CCCCF1	RGB 204 204 241	#CCCCF1

#4E4ECE #6060D3 #7474D9 #8888DF #9E9EE5 #B4B4EB #CCCCF1

#4E4ECE - #8888DF - #CCCCF1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E4ECE 0%, #8888DF 50%, #CCCCF1 100%);
    background: -webkit-linear-gradient(top, #4E4ECE 0%, #8888DF 50%, #CCCCF1 100%);
    background: linear-gradient(to bottom, #4E4ECE 0%, #8888DF 50%, #CCCCF1 100%);
}
</style>