#4D4D54 - #CCCCCE | 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 #4D4D54 to #CCCCCE

#4D4D54 #CCCCCE

Calculate the color between two colors, #4D4D54 and #CCCCCE. 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)

#4D4D54 - #CCCCCE | 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 #4D4D54 as 0% and #CCCCCE as 100%.

0.0%	0.0% #4D4D54	RGB 77 77 84	#4D4D54
16.7%	16.7% #626268	RGB 98 98 104	#626268
33.3%	33.3% #77777C	RGB 119 119 124	#77777C
50.0%	50.0% #8C8C91	RGB 140 140 145	#8C8C91
66.7%	66.7% #A1A1A5	RGB 161 161 165	#A1A1A5
83.3%	83.3% #B6B6B9	RGB 182 182 185	#B6B6B9
100.0%	100.0% #CCCCCE	RGB 204 204 206	#CCCCCE

#4D4D54 #626268 #77777C #8C8C91 #A1A1A5 #B6B6B9 #CCCCCE

#4D4D54 - #CCCCCE

HSV Blend

#4D4D54 - #CCCCCE | 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 #4D4D54 as 0% and #CCCCCE as 100%.

0.0%	0.0% #4D4D54	RGB 77 77 84	#4D4D54
16.7%	16.7% #606068	RGB 96 96 104	#606068
33.3%	33.3% #75757C	RGB 117 117 124	#75757C
50.0%	50.0% #8A8A91	RGB 138 138 145	#8A8A91
66.7%	66.7% #9F9FA5	RGB 159 159 165	#9F9FA5
83.3%	83.3% #B5B5B9	RGB 181 181 185	#B5B5B9
100.0%	100.0% #CCCCCE	RGB 204 204 206	#CCCCCE

#4D4D54 #606068 #75757C #8A8A91 #9F9FA5 #B5B5B9 #CCCCCE

#4D4D54 - #8A8A91 - #CCCCCE

CSS codes

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

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