#574D9C - #CDCCE2 | 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 #574D9C to #CDCCE2

#574D9C #CDCCE2

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

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

0.0%	0.0% #574D9C	RGB 87 77 156	#574D9C
16.7%	16.7% #6A62A7	RGB 106 98 167	#6A62A7
33.3%	33.3% #7E77B3	RGB 126 119 179	#7E77B3
50.0%	50.0% #928CBF	RGB 146 140 191	#928CBF
66.7%	66.7% #A5A1CA	RGB 165 161 202	#A5A1CA
83.3%	83.3% #B9B6D6	RGB 185 182 214	#B9B6D6
100.0%	100.0% #CDCCE2	RGB 205 204 226	#CDCCE2

#574D9C #6A62A7 #7E77B3 #928CBF #A5A1CA #B9B6D6 #CDCCE2

#574D9C - #CDCCE2

HSV Blend

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

0.0%	0.0% #564D9C	RGB 86 77 156	#564D9C
16.7%	16.7% #665EA7	RGB 102 94 167	#665EA7
33.3%	33.3% #7770B3	RGB 119 112 179	#7770B3
50.0%	50.0% #8A85BF	RGB 138 133 191	#8A85BF
66.7%	66.7% #9E9BCA	RGB 158 155 202	#9E9BCA
83.3%	83.3% #B4B2D6	RGB 180 178 214	#B4B2D6
100.0%	100.0% #CDCCE2	RGB 205 204 226	#CDCCE2

#564D9C #665EA7 #7770B3 #8A85BF #9E9BCA #B4B2D6 #CDCCE2

#574D9C - #8A85BF - #CDCCE2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #564D9C 0%, #8A85BF 50%, #CDCCE2 100%);
    background: -webkit-linear-gradient(top, #564D9C 0%, #8A85BF 50%, #CDCCE2 100%);
    background: linear-gradient(to bottom, #564D9C 0%, #8A85BF 50%, #CDCCE2 100%);
}
</style>