#5E55D3 - #CDAFEA | 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 #5E55D3 to #CDAFEA

#5E55D3 #CDAFEA

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

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

0.0%	0.0% #5E55D3	RGB 94 85 211	#5E55D3
16.7%	16.7% #7064D6	RGB 112 100 214	#7064D6
33.3%	33.3% #8373DA	RGB 131 115 218	#8373DA
50.0%	50.0% #9582DE	RGB 149 130 222	#9582DE
66.7%	66.7% #A891E2	RGB 168 145 226	#A891E2
83.3%	83.3% #BAA0E6	RGB 186 160 230	#BAA0E6
100.0%	100.0% #CDAFEA	RGB 205 175 234	#CDAFEA

#5E55D3 #7064D6 #8373DA #9582DE #A891E2 #BAA0E6 #CDAFEA

#5E55D3 - #CDAFEA

HSV Blend

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

0.0%	0.0% #5D55D3	RGB 93 85 211	#5D55D3
16.7%	16.7% #7362D6	RGB 115 98 214	#7362D6
33.3%	33.3% #8871DA	RGB 136 113 218	#8871DA
50.0%	50.0% #9B80DE	RGB 155 128 222	#9B80DE
66.7%	66.7% #AD8FE2	RGB 173 143 226	#AD8FE2
83.3%	83.3% #BD9EE6	RGB 189 158 230	#BD9EE6
100.0%	100.0% #CDAFEA	RGB 205 175 234	#CDAFEA

#5D55D3 #7362D6 #8871DA #9B80DE #AD8FE2 #BD9EE6 #CDAFEA

#5E55D3 - #9B80DE - #CDAFEA

CSS codes

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

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