#5E4FEA - #D1CCF9 | 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 #5E4FEA to #D1CCF9

#5E4FEA #D1CCF9

Calculate the color between two colors, #5E4FEA and #D1CCF9. 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)

#5E4FEA - #D1CCF9 | 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 #5E4FEA as 0% and #D1CCF9 as 100%.

0.0%	0.0% #5E4FEA	RGB 94 79 234	#5E4FEA
16.7%	16.7% #7163EC	RGB 113 99 236	#7163EC
33.3%	33.3% #8478EF	RGB 132 120 239	#8478EF
50.0%	50.0% #978DF1	RGB 151 141 241	#978DF1
66.7%	66.7% #AAA2F4	RGB 170 162 244	#AAA2F4
83.3%	83.3% #BDB7F6	RGB 189 183 246	#BDB7F6
100.0%	100.0% #D1CCF9	RGB 209 204 249	#D1CCF9

#5E4FEA #7163EC #8478EF #978DF1 #AAA2F4 #BDB7F6 #D1CCF9

#5E4FEA - #D1CCF9

HSV Blend

#5E4FEA - #D1CCF9 | 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 #5E4FEA as 0% and #D1CCF9 as 100%.

0.0%	0.0% #5E4FEA	RGB 94 79 234	#5E4FEA
16.7%	16.7% #7062EC	RGB 112 98 236	#7062EC
33.3%	33.3% #8377EF	RGB 131 119 239	#8377EF
50.0%	50.0% #968BF1	RGB 150 139 241	#968BF1
66.7%	66.7% #A9A0F4	RGB 169 160 244	#A9A0F4
83.3%	83.3% #BDB6F6	RGB 189 182 246	#BDB6F6
100.0%	100.0% #D1CCF9	RGB 209 204 249	#D1CCF9

#5E4FEA #7062EC #8377EF #968BF1 #A9A0F4 #BDB6F6 #D1CCF9

#5E4FEA - #968BF1 - #D1CCF9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4FEA 0%, #968BF1 50%, #D1CCF9 100%);
    background: -webkit-linear-gradient(top, #5E4FEA 0%, #968BF1 50%, #D1CCF9 100%);
    background: linear-gradient(to bottom, #5E4FEA 0%, #968BF1 50%, #D1CCF9 100%);
}
</style>