#574F8F - #CECCDF | 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 #574F8F to #CECCDF

#574F8F #CECCDF

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

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

0.0%	0.0% #574F8F	RGB 87 79 143	#574F8F
16.7%	16.7% #6A639C	RGB 106 99 156	#6A639C
33.3%	33.3% #7E78A9	RGB 126 120 169	#7E78A9
50.0%	50.0% #928DB7	RGB 146 141 183	#928DB7
66.7%	66.7% #A6A2C4	RGB 166 162 196	#A6A2C4
83.3%	83.3% #BAB7D1	RGB 186 183 209	#BAB7D1
100.0%	100.0% #CECCDF	RGB 206 204 223	#CECCDF

#574F8F #6A639C #7E78A9 #928DB7 #A6A2C4 #BAB7D1 #CECCDF

#574F8F - #CECCDF

HSV Blend

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

0.0%	0.0% #574F8F	RGB 87 79 143	#574F8F
16.7%	16.7% #675F9C	RGB 103 95 156	#675F9C
33.3%	33.3% #7872A9	RGB 120 114 169	#7872A9
50.0%	50.0% #8B86B7	RGB 139 134 183	#8B86B7
66.7%	66.7% #A09BC4	RGB 160 155 196	#A09BC4
83.3%	83.3% #B6B3D1	RGB 182 179 209	#B6B3D1
100.0%	100.0% #CECCDF	RGB 206 204 223	#CECCDF

#574F8F #675F9C #7872A9 #8B86B7 #A09BC4 #B6B3D1 #CECCDF

#574F8F - #8B86B7 - #CECCDF

CSS codes

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

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