#545471 - #CECED6 | 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 #545471 to #CECED6

#545471 #CECED6

Calculate the color between two colors, #545471 and #CECED6. 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)

#545471 - #CECED6 | 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 #545471 as 0% and #CECED6 as 100%.

0.0%	0.0% #545471	RGB 84 84 113	#545471
16.7%	16.7% #686881	RGB 104 104 129	#686881
33.3%	33.3% #7C7C92	RGB 124 124 146	#7C7C92
50.0%	50.0% #9191A3	RGB 145 145 163	#9191A3
66.7%	66.7% #A5A5B4	RGB 165 165 180	#A5A5B4
83.3%	83.3% #B9B9C5	RGB 185 185 197	#B9B9C5
100.0%	100.0% #CECED6	RGB 206 206 214	#CECED6

#545471 #686881 #7C7C92 #9191A3 #A5A5B4 #B9B9C5 #CECED6

#545471 - #CECED6

HSV Blend

#545471 - #CECED6 | 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 #545471 as 0% and #CECED6 as 100%.

0.0%	0.0% #545471	RGB 84 84 113	#545471
16.7%	16.7% #656581	RGB 101 101 129	#656581
33.3%	33.3% #777792	RGB 119 119 146	#777792
50.0%	50.0% #8B8BA3	RGB 139 139 163	#8B8BA3
66.7%	66.7% #A0A0B4	RGB 160 160 180	#A0A0B4
83.3%	83.3% #B6B6C5	RGB 182 182 197	#B6B6C5
100.0%	100.0% #CECED6	RGB 206 206 214	#CECED6

#545471 #656581 #777792 #8B8BA3 #A0A0B4 #B6B6C5 #CECED6

#545471 - #8B8BA3 - #CECED6

CSS codes

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

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