#4A8D84 - #CBDEDB | 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 #4A8D84 to #CBDEDB

#4A8D84 #CBDEDB

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

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

0.0%	0.0% #4A8D84	RGB 74 141 132	#4A8D84
16.7%	16.7% #5F9A92	RGB 95 154 146	#5F9A92
33.3%	33.3% #75A8A1	RGB 117 168 161	#75A8A1
50.0%	50.0% #8AB5AF	RGB 138 181 175	#8AB5AF
66.7%	66.7% #A0C3BE	RGB 160 195 190	#A0C3BE
83.3%	83.3% #B5D0CC	RGB 181 208 204	#B5D0CC
100.0%	100.0% #CBDEDB	RGB 203 222 219	#CBDEDB

#4A8D84 #5F9A92 #75A8A1 #8AB5AF #A0C3BE #B5D0CC #CBDEDB

#4A8D84 - #CBDEDB

HSV Blend

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

0.0%	0.0% #4A8D84	RGB 74 141 132	#4A8D84
16.7%	16.7% #5B9A91	RGB 91 154 145	#5B9A91
33.3%	33.3% #6DA89F	RGB 109 168 159	#6DA89F
50.0%	50.0% #82B5AE	RGB 130 181 174	#82B5AE
66.7%	66.7% #98C3BC	RGB 152 195 188	#98C3BC
83.3%	83.3% #B1D0CB	RGB 177 208 203	#B1D0CB
100.0%	100.0% #CBDEDB	RGB 203 222 219	#CBDEDB

#4A8D84 #5B9A91 #6DA89F #82B5AE #98C3BC #B1D0CB #CBDEDB

#4A8D84 - #82B5AE - #CBDEDB

CSS codes

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

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