#C0BEC2 - #5E627F | 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 #C0BEC2 to #5E627F

#C0BEC2 #5E627F

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

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

0.0%	0.0% #C0BEC2	RGB 192 190 194	#C0BEC2
16.7%	16.7% #AFAEB6	RGB 175 174 182	#AFAEB6
33.3%	33.3% #9F9FAB	RGB 159 159 171	#9F9FAB
50.0%	50.0% #8F90A0	RGB 143 144 160	#8F90A0
66.7%	66.7% #7E8095	RGB 126 128 149	#7E8095
83.3%	83.3% #6E718A	RGB 110 113 138	#6E718A
100.0%	100.0% #5E627F	RGB 94 98 127	#5E627F

#C0BEC2 #AFAEB6 #9F9FAB #8F90A0 #7E8095 #6E718A #5E627F

#C0BEC2 - #5E627F

HSV Blend

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

0.0%	0.0% #C0BEC2	RGB 192 190 194	#C0BEC2
16.7%	16.7% #B0ABB6	RGB 176 171 182	#B0ABB6
33.3%	33.3% #9F9AAB	RGB 159 154 171	#9F9AAB
50.0%	50.0% #8E89A0	RGB 142 137 160	#8E89A0
66.7%	66.7% #7C7A95	RGB 124 122 149	#7C7A95
83.3%	83.3% #6B6C8A	RGB 107 108 138	#6B6C8A
100.0%	100.0% #5E627F	RGB 94 98 127	#5E627F

#C0BEC2 #B0ABB6 #9F9AAB #8E89A0 #7C7A95 #6B6C8A #5E627F

#C0BEC2 - #8E89A0 - #5E627F

CSS codes

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

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