#00B5A2 - #BDFFAD | 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 #00B5A2 to #BDFFAD

#00B5A2 #BDFFAD

Calculate the color between two colors, #00B5A2 and #BDFFAD. 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)

#00B5A2 - #BDFFAD | 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 #00B5A2 as 0% and #BDFFAD as 100%.

0.0%	0.0% #00B5A2	RGB 0 181 162	#00B5A2
16.7%	16.7% #1FC1A3	RGB 31 193 163	#1FC1A3
33.3%	33.3% #3FCDA5	RGB 63 205 165	#3FCDA5
50.0%	50.0% #5EDAA7	RGB 94 218 167	#5EDAA7
66.7%	66.7% #7EE6A9	RGB 126 230 169	#7EE6A9
83.3%	83.3% #9DF2AB	RGB 157 242 171	#9DF2AB
100.0%	100.0% #BDFFAD	RGB 189 255 173	#BDFFAD

#00B5A2 #1FC1A3 #3FCDA5 #5EDAA7 #7EE6A9 #9DF2AB #BDFFAD

#00B5A2 - #BDFFAD

HSV Blend

#00B5A2 - #BDFFAD | 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 #00B5A2 as 0% and #BDFFAD as 100%.

0.0%	0.0% #00B5A2	RGB 0 181 162	#00B5A2
16.7%	16.7% #15C190	RGB 21 193 144	#15C190
33.3%	33.3% #2ECD83	RGB 46 205 131	#2ECD83
50.0%	50.0% #49DA7C	RGB 73 218 124	#49DA7C
66.7%	66.7% #68E67D	RGB 104 230 125	#68E67D
83.3%	83.3% #8AF289	RGB 138 242 137	#8AF289
100.0%	100.0% #BDFFAD	RGB 189 255 173	#BDFFAD

#00B5A2 #15C190 #2ECD83 #49DA7C #68E67D #8AF289 #BDFFAD

#00B5A2 - #49DA7C - #BDFFAD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00B5A2 0%, #49DA7C 50%, #BDFFAD 100%);
    background: -webkit-linear-gradient(top, #00B5A2 0%, #49DA7C 50%, #BDFFAD 100%);
    background: linear-gradient(to bottom, #00B5A2 0%, #49DA7C 50%, #BDFFAD 100%);
}
</style>