#574D9A - #CFCCE2 | 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 #574D9A to #CFCCE2

#574D9A #CFCCE2

Calculate the color between two colors, #574D9A and #CFCCE2. 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)

#574D9A - #CFCCE2 | 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 #574D9A as 0% and #CFCCE2 as 100%.

0.0%	0.0% #574D9A	RGB 87 77 154	#574D9A
16.7%	16.7% #6B62A6	RGB 107 98 166	#6B62A6
33.3%	33.3% #7F77B2	RGB 127 119 178	#7F77B2
50.0%	50.0% #938CBE	RGB 147 140 190	#938CBE
66.7%	66.7% #A7A1CA	RGB 167 161 202	#A7A1CA
83.3%	83.3% #BBB6D6	RGB 187 182 214	#BBB6D6
100.0%	100.0% #CFCCE2	RGB 207 204 226	#CFCCE2

#574D9A #6B62A6 #7F77B2 #938CBE #A7A1CA #BBB6D6 #CFCCE2

#574D9A - #CFCCE2

HSV Blend

#574D9A - #CFCCE2 | 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 #574D9A as 0% and #CFCCE2 as 100%.

0.0%	0.0% #574D9A	RGB 87 77 154	#574D9A
16.7%	16.7% #675EA6	RGB 103 94 166	#675EA6
33.3%	33.3% #7970B2	RGB 121 112 178	#7970B2
50.0%	50.0% #8C85BE	RGB 140 133 190	#8C85BE
66.7%	66.7% #A19BCA	RGB 161 155 202	#A19BCA
83.3%	83.3% #B7B2D6	RGB 183 178 214	#B7B2D6
100.0%	100.0% #CFCCE2	RGB 207 204 226	#CFCCE2

#574D9A #675EA6 #7970B2 #8C85BE #A19BCA #B7B2D6 #CFCCE2

#574D9A - #8C85BE - #CFCCE2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #574D9A 0%, #8C85BE 50%, #CFCCE2 100%);
    background: -webkit-linear-gradient(top, #574D9A 0%, #8C85BE 50%, #CFCCE2 100%);
    background: linear-gradient(to bottom, #574D9A 0%, #8C85BE 50%, #CFCCE2 100%);
}
</style>