#1BCDCD - #BDF0F0 | 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 #1BCDCD to #BDF0F0

#1BCDCD #BDF0F0

Calculate the color between two colors, #1BCDCD and #BDF0F0. 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)

#1BCDCD - #BDF0F0 | 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 #1BCDCD as 0% and #BDF0F0 as 100%.

0.0%	0.0% #1BCDCD	RGB 27 205 205	#1BCDCD
16.7%	16.7% #36D2D2	RGB 54 210 210	#36D2D2
33.3%	33.3% #51D8D8	RGB 81 216 216	#51D8D8
50.0%	50.0% #6CDEDE	RGB 108 222 222	#6CDEDE
66.7%	66.7% #87E4E4	RGB 135 228 228	#87E4E4
83.3%	83.3% #A2EAEA	RGB 162 234 234	#A2EAEA
100.0%	100.0% #BDF0F0	RGB 189 240 240	#BDF0F0

#1BCDCD #36D2D2 #51D8D8 #6CDEDE #87E4E4 #A2EAEA #BDF0F0

#1BCDCD - #BDF0F0

HSV Blend

#1BCDCD - #BDF0F0 | 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 #1BCDCD as 0% and #BDF0F0 as 100%.

0.0%	0.0% #1BCDCD	RGB 27 205 205	#1BCDCD
16.7%	16.7% #32D2D2	RGB 50 210 210	#32D2D2
33.3%	33.3% #4BD8D8	RGB 75 216 216	#4BD8D8
50.0%	50.0% #66DEDE	RGB 102 222 222	#66DEDE
66.7%	66.7% #81E4E4	RGB 129 228 228	#81E4E4
83.3%	83.3% #9EEAEA	RGB 158 234 234	#9EEAEA
100.0%	100.0% #BDF0F0	RGB 189 240 240	#BDF0F0

#1BCDCD #32D2D2 #4BD8D8 #66DEDE #81E4E4 #9EEAEA #BDF0F0

#1BCDCD - #66DEDE - #BDF0F0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1BCDCD 0%, #66DEDE 50%, #BDF0F0 100%);
    background: -webkit-linear-gradient(top, #1BCDCD 0%, #66DEDE 50%, #BDF0F0 100%);
    background: linear-gradient(to bottom, #1BCDCD 0%, #66DEDE 50%, #BDF0F0 100%);
}
</style>