#4D914D - #CCDFCC | 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 #4D914D to #CCDFCC

#4D914D #CCDFCC

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

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

0.0%	0.0% #4D914D	RGB 77 145 77	#4D914D
16.7%	16.7% #629E62	RGB 98 158 98	#629E62
33.3%	33.3% #77AB77	RGB 119 171 119	#77AB77
50.0%	50.0% #8CB88C	RGB 140 184 140	#8CB88C
66.7%	66.7% #A1C5A1	RGB 161 197 161	#A1C5A1
83.3%	83.3% #B6D2B6	RGB 182 210 182	#B6D2B6
100.0%	100.0% #CCDFCC	RGB 204 223 204	#CCDFCC

#4D914D #629E62 #77AB77 #8CB88C #A1C5A1 #B6D2B6 #CCDFCC

#4D914D - #CCDFCC

HSV Blend

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

0.0%	0.0% #4D914D	RGB 77 145 77	#4D914D
16.7%	16.7% #5E9E5E	RGB 94 158 94	#5E9E5E
33.3%	33.3% #70AB70	RGB 112 171 112	#70AB70
50.0%	50.0% #85B885	RGB 133 184 133	#85B885
66.7%	66.7% #9BC59B	RGB 155 197 155	#9BC59B
83.3%	83.3% #B2D2B2	RGB 178 210 178	#B2D2B2
100.0%	100.0% #CCDFCC	RGB 204 223 204	#CCDFCC

#4D914D #5E9E5E #70AB70 #85B885 #9BC59B #B2D2B2 #CCDFCC

#4D914D - #85B885 - #CCDFCC

CSS codes

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

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