#4D4D59 - #CCCCCF | 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 #4D4D59 to #CCCCCF

#4D4D59 #CCCCCF

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

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

0.0%	0.0% #4D4D59	RGB 77 77 89	#4D4D59
16.7%	16.7% #62626C	RGB 98 98 108	#62626C
33.3%	33.3% #777780	RGB 119 119 128	#777780
50.0%	50.0% #8C8C94	RGB 140 140 148	#8C8C94
66.7%	66.7% #A1A1A7	RGB 161 161 167	#A1A1A7
83.3%	83.3% #B6B6BB	RGB 182 182 187	#B6B6BB
100.0%	100.0% #CCCCCF	RGB 204 204 207	#CCCCCF

#4D4D59 #62626C #777780 #8C8C94 #A1A1A7 #B6B6BB #CCCCCF

#4D4D59 - #CCCCCF

HSV Blend

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

0.0%	0.0% #4D4D59	RGB 77 77 89	#4D4D59
16.7%	16.7% #60606C	RGB 96 96 108	#60606C
33.3%	33.3% #747480	RGB 116 116 128	#747480
50.0%	50.0% #888894	RGB 136 136 148	#888894
66.7%	66.7% #9E9EA7	RGB 158 158 167	#9E9EA7
83.3%	83.3% #B4B4BB	RGB 180 180 187	#B4B4BB
100.0%	100.0% #CCCCCF	RGB 204 204 207	#CCCCCF

#4D4D59 #60606C #747480 #888894 #9E9EA7 #B4B4BB #CCCCCF

#4D4D59 - #888894 - #CCCCCF

CSS codes

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

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