#4CBFA3 - #CBECE4 | 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 #4CBFA3 to #CBECE4

#4CBFA3 #CBECE4

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

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

0.0%	0.0% #4CBFA3	RGB 76 191 163	#4CBFA3
16.7%	16.7% #61C6AD	RGB 97 198 173	#61C6AD
33.3%	33.3% #76CEB8	RGB 118 206 184	#76CEB8
50.0%	50.0% #8BD5C3	RGB 139 213 195	#8BD5C3
66.7%	66.7% #A0DDCE	RGB 160 221 206	#A0DDCE
83.3%	83.3% #B5E4D9	RGB 181 228 217	#B5E4D9
100.0%	100.0% #CBECE4	RGB 203 236 228	#CBECE4

#4CBFA3 #61C6AD #76CEB8 #8BD5C3 #A0DDCE #B5E4D9 #CBECE4

#4CBFA3 - #CBECE4

HSV Blend

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

0.0%	0.0% #4CBFA3	RGB 76 191 163	#4CBFA3
16.7%	16.7% #5EC6AD	RGB 94 198 173	#5EC6AD
33.3%	33.3% #71CEB7	RGB 113 206 183	#71CEB7
50.0%	50.0% #86D5C2	RGB 134 213 194	#86D5C2
66.7%	66.7% #9CDDCD	RGB 156 221 205	#9CDDCD
83.3%	83.3% #B2E4D8	RGB 178 228 216	#B2E4D8
100.0%	100.0% #CBECE4	RGB 203 236 228	#CBECE4

#4CBFA3 #5EC6AD #71CEB7 #86D5C2 #9CDDCD #B2E4D8 #CBECE4

#4CBFA3 - #86D5C2 - #CBECE4

CSS codes

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

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