#00BBC0 - #D1FFD0 | 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 #00BBC0 to #D1FFD0

#00BBC0 #D1FFD0

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

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

0.0%	0.0% #00BBC0	RGB 0 187 192	#00BBC0
16.7%	16.7% #22C6C2	RGB 34 198 194	#22C6C2
33.3%	33.3% #45D1C5	RGB 69 209 197	#45D1C5
50.0%	50.0% #68DDC8	RGB 104 221 200	#68DDC8
66.7%	66.7% #8BE8CA	RGB 139 232 202	#8BE8CA
83.3%	83.3% #AEF3CD	RGB 174 243 205	#AEF3CD
100.0%	100.0% #D1FFD0	RGB 209 255 208	#D1FFD0

#00BBC0 #22C6C2 #45D1C5 #68DDC8 #8BE8CA #AEF3CD #D1FFD0

#00BBC0 - #D1FFD0

HSV Blend

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

0.0%	0.0% #00BBC0	RGB 0 187 192	#00BBC0
16.7%	16.7% #1BCAB0	RGB 27 202 176	#1BCAB0
33.3%	33.3% #39D5A2	RGB 57 213 162	#39D5A2
50.0%	50.0% #5BDF9D	RGB 91 223 157	#5BDF9D
66.7%	66.7% #7FEAA2	RGB 127 234 162	#7FEAA2
83.3%	83.3% #A6F4B2	RGB 166 244 178	#A6F4B2
100.0%	100.0% #D1FFD0	RGB 209 255 208	#D1FFD0

#00BBC0 #1BCAB0 #39D5A2 #5BDF9D #7FEAA2 #A6F4B2 #D1FFD0

#00BBC0 - #5BDF9D - #D1FFD0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00BBC0 0%, #5BDF9D 50%, #D1FFD0 100%);
    background: -webkit-linear-gradient(top, #00BBC0 0%, #5BDF9D 50%, #D1FFD0 100%);
    background: linear-gradient(to bottom, #00BBC0 0%, #5BDF9D 50%, #D1FFD0 100%);
}
</style>