#4C9280 - #CBDFDA | 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 #4C9280 to #CBDFDA

#4C9280 #CBDFDA

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

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

0.0%	0.0% #4C9280	RGB 76 146 128	#4C9280
16.7%	16.7% #619E8F	RGB 97 158 143	#619E8F
33.3%	33.3% #76AB9E	RGB 118 171 158	#76AB9E
50.0%	50.0% #8BB8AD	RGB 139 184 173	#8BB8AD
66.7%	66.7% #A0C5BC	RGB 160 197 188	#A0C5BC
83.3%	83.3% #B5D2CB	RGB 181 210 203	#B5D2CB
100.0%	100.0% #CBDFDA	RGB 203 223 218	#CBDFDA

#4C9280 #619E8F #76AB9E #8BB8AD #A0C5BC #B5D2CB #CBDFDA

#4C9280 - #CBDFDA

HSV Blend

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

0.0%	0.0% #4C9280	RGB 76 146 128	#4C9280
16.7%	16.7% #5C9E8D	RGB 92 158 141	#5C9E8D
33.3%	33.3% #6FAB9C	RGB 111 171 156	#6FAB9C
50.0%	50.0% #83B8AB	RGB 131 184 171	#83B8AB
66.7%	66.7% #99C5BA	RGB 153 197 186	#99C5BA
83.3%	83.3% #B1D2CA	RGB 177 210 202	#B1D2CA
100.0%	100.0% #CBDFDA	RGB 203 223 218	#CBDFDA

#4C9280 #5C9E8D #6FAB9C #83B8AB #99C5BA #B1D2CA #CBDFDA

#4C9280 - #83B8AB - #CBDFDA

CSS codes

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

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