#0E7E5C - #BADAD0 | 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 #0E7E5C to #BADAD0

#0E7E5C #BADAD0

Calculate the color between two colors, #0E7E5C and #BADAD0. 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)

#0E7E5C - #BADAD0 | 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 #0E7E5C as 0% and #BADAD0 as 100%.

0.0%	0.0% #0E7E5C	RGB 14 126 92	#0E7E5C
16.7%	16.7% #2A8D6F	RGB 42 141 111	#2A8D6F
33.3%	33.3% #479C82	RGB 71 156 130	#479C82
50.0%	50.0% #64AC96	RGB 100 172 150	#64AC96
66.7%	66.7% #80BBA9	RGB 128 187 169	#80BBA9
83.3%	83.3% #9DCABC	RGB 157 202 188	#9DCABC
100.0%	100.0% #BADAD0	RGB 186 218 208	#BADAD0

#0E7E5C #2A8D6F #479C82 #64AC96 #80BBA9 #9DCABC #BADAD0

#0E7E5C - #BADAD0

HSV Blend

#0E7E5C - #BADAD0 | 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 #0E7E5C as 0% and #BADAD0 as 100%.

0.0%	0.0% #0E7E5B	RGB 14 126 91	#0E7E5B
16.7%	16.7% #218D6C	RGB 33 141 108	#218D6C
33.3%	33.3% #389C7D	RGB 56 156 125	#389C7D
50.0%	50.0% #52AC90	RGB 82 172 144	#52AC90
66.7%	66.7% #71BBA4	RGB 113 187 164	#71BBA4
83.3%	83.3% #93CAB9	RGB 147 202 185	#93CAB9
100.0%	100.0% #BADAD0	RGB 186 218 208	#BADAD0

#0E7E5B #218D6C #389C7D #52AC90 #71BBA4 #93CAB9 #BADAD0

#0E7E5C - #52AC90 - #BADAD0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0E7E5B 0%, #52AC90 50%, #BADAD0 100%);
    background: -webkit-linear-gradient(top, #0E7E5B 0%, #52AC90 50%, #BADAD0 100%);
    background: linear-gradient(to bottom, #0E7E5B 0%, #52AC90 50%, #BADAD0 100%);
}
</style>