#904EC5 - #DECCEE | 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 #904EC5 to #DECCEE

#904EC5 #DECCEE

Calculate the color between two colors, #904EC5 and #DECCEE. 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)

#904EC5 - #DECCEE | 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 #904EC5 as 0% and #DECCEE as 100%.

0.0%	0.0% #904EC5	RGB 144 78 197	#904EC5
16.7%	16.7% #9D63CB	RGB 157 99 203	#9D63CB
33.3%	33.3% #AA78D2	RGB 170 120 210	#AA78D2
50.0%	50.0% #B78DD9	RGB 183 141 217	#B78DD9
66.7%	66.7% #C4A2E0	RGB 196 162 224	#C4A2E0
83.3%	83.3% #D1B7E7	RGB 209 183 231	#D1B7E7
100.0%	100.0% #DECCEE	RGB 222 204 238	#DECCEE

#904EC5 #9D63CB #AA78D2 #B78DD9 #C4A2E0 #D1B7E7 #DECCEE

#904EC5 - #DECCEE

HSV Blend

#904EC5 - #DECCEE | 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 #904EC5 as 0% and #DECCEE as 100%.

0.0%	0.0% #904EC5	RGB 144 78 197	#904EC5
16.7%	16.7% #9B60CB	RGB 155 96 203	#9B60CB
33.3%	33.3% #A773D2	RGB 167 115 210	#A773D2
50.0%	50.0% #B488D9	RGB 180 136 217	#B488D9
66.7%	66.7% #C19DE0	RGB 193 157 224	#C19DE0
83.3%	83.3% #CFB4E7	RGB 207 180 231	#CFB4E7
100.0%	100.0% #DECCEE	RGB 222 204 238	#DECCEE

#904EC5 #9B60CB #A773D2 #B488D9 #C19DE0 #CFB4E7 #DECCEE

#904EC5 - #B488D9 - #DECCEE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #904EC5 0%, #B488D9 50%, #DECCEE 100%);
    background: -webkit-linear-gradient(top, #904EC5 0%, #B488D9 50%, #DECCEE 100%);
    background: linear-gradient(to bottom, #904EC5 0%, #B488D9 50%, #DECCEE 100%);
}
</style>