#BCD1B5 - #D0FFD5 | 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 #BCD1B5 to #D0FFD5

#BCD1B5 #D0FFD5

Calculate the color between two colors, #BCD1B5 and #D0FFD5. 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)

#BCD1B5 - #D0FFD5 | 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 #BCD1B5 as 0% and #D0FFD5 as 100%.

0.0%	0.0% #BCD1B5	RGB 188 209 181	#BCD1B5
16.7%	16.7% #BFD8BA	RGB 191 216 186	#BFD8BA
33.3%	33.3% #C2E0BF	RGB 194 224 191	#C2E0BF
50.0%	50.0% #C6E8C5	RGB 198 232 197	#C6E8C5
66.7%	66.7% #C9EFCA	RGB 201 239 202	#C9EFCA
83.3%	83.3% #CCF7CF	RGB 204 247 207	#CCF7CF
100.0%	100.0% #D0FFD5	RGB 208 255 213	#D0FFD5

#BCD1B5 #BFD8BA #C2E0BF #C6E8C5 #C9EFCA #CCF7CF #D0FFD5

#BCD1B5 - #D0FFD5

HSV Blend

#BCD1B5 - #D0FFD5 | 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 #BCD1B5 as 0% and #D0FFD5 as 100%.

0.0%	0.0% #BCD1B5	RGB 188 209 181	#BCD1B5
16.7%	16.7% #BFD8B9	RGB 191 216 185	#BFD8B9
33.3%	33.3% #C2E0BE	RGB 194 224 190	#C2E0BE
50.0%	50.0% #C5E8C3	RGB 197 232 195	#C5E8C3
66.7%	66.7% #C8EFC7	RGB 200 239 199	#C8EFC7
83.3%	83.3% #CBF7CD	RGB 203 247 205	#CBF7CD
100.0%	100.0% #D0FFD5	RGB 208 255 213	#D0FFD5

#BCD1B5 #BFD8B9 #C2E0BE #C5E8C3 #C8EFC7 #CBF7CD #D0FFD5

#BCD1B5 - #C5E8C3 - #D0FFD5

CSS codes

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

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