#5E63AA - #DAA8F8 | 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 #5E63AA to #DAA8F8

#5E63AA #DAA8F8

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

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

0.0%	0.0% #5E63AA	RGB 94 99 170	#5E63AA
16.7%	16.7% #726EB7	RGB 114 110 183	#726EB7
33.3%	33.3% #877AC4	RGB 135 122 196	#877AC4
50.0%	50.0% #9C85D1	RGB 156 133 209	#9C85D1
66.7%	66.7% #B091DE	RGB 176 145 222	#B091DE
83.3%	83.3% #C59CEB	RGB 197 156 235	#C59CEB
100.0%	100.0% #DAA8F8	RGB 218 168 248	#DAA8F8

#5E63AA #726EB7 #877AC4 #9C85D1 #B091DE #C59CEB #DAA8F8

#5E63AA - #DAA8F8

HSV Blend

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

0.0%	0.0% #5E63AA	RGB 94 99 170	#5E63AA
16.7%	16.7% #6C68B7	RGB 108 104 183	#6C68B7
33.3%	33.3% #8174C4	RGB 129 116 196	#8174C4
50.0%	50.0% #9780D1	RGB 151 128 209	#9780D1
66.7%	66.7% #AD8DDE	RGB 173 141 222	#AD8DDE
83.3%	83.3% #C39AEB	RGB 195 154 235	#C39AEB
100.0%	100.0% #DAA8F8	RGB 218 168 248	#DAA8F8

#5E63AA #6C68B7 #8174C4 #9780D1 #AD8DDE #C39AEB #DAA8F8

#5E63AA - #9780D1 - #DAA8F8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E63AA 0%, #9780D1 50%, #DAA8F8 100%);
    background: -webkit-linear-gradient(top, #5E63AA 0%, #9780D1 50%, #DAA8F8 100%);
    background: linear-gradient(to bottom, #5E63AA 0%, #9780D1 50%, #DAA8F8 100%);
}
</style>