#1B8C8C - #BDDEDE | 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 #1B8C8C to #BDDEDE

#1B8C8C #BDDEDE

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

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

0.0%	0.0% #1B8C8C	RGB 27 140 140	#1B8C8C
16.7%	16.7% #369999	RGB 54 153 153	#369999
33.3%	33.3% #51A7A7	RGB 81 167 167	#51A7A7
50.0%	50.0% #6CB5B5	RGB 108 181 181	#6CB5B5
66.7%	66.7% #87C2C2	RGB 135 194 194	#87C2C2
83.3%	83.3% #A2D0D0	RGB 162 208 208	#A2D0D0
100.0%	100.0% #BDDEDE	RGB 189 222 222	#BDDEDE

#1B8C8C #369999 #51A7A7 #6CB5B5 #87C2C2 #A2D0D0 #BDDEDE

#1B8C8C - #BDDEDE

HSV Blend

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

0.0%	0.0% #1B8C8C	RGB 27 140 140	#1B8C8C
16.7%	16.7% #2E9999	RGB 46 153 153	#2E9999
33.3%	33.3% #45A7A7	RGB 69 167 167	#45A7A7
50.0%	50.0% #5EB5B5	RGB 94 181 181	#5EB5B5
66.7%	66.7% #7BC2C2	RGB 123 194 194	#7BC2C2
83.3%	83.3% #9AD0D0	RGB 154 208 208	#9AD0D0
100.0%	100.0% #BDDEDE	RGB 189 222 222	#BDDEDE

#1B8C8C #2E9999 #45A7A7 #5EB5B5 #7BC2C2 #9AD0D0 #BDDEDE

#1B8C8C - #5EB5B5 - #BDDEDE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B8C8C 0%, #5EB5B5 50%, #BDDEDE 100%);
    background: -webkit-linear-gradient(top, #1B8C8C 0%, #5EB5B5 50%, #BDDEDE 100%);
    background: linear-gradient(to bottom, #1B8C8C 0%, #5EB5B5 50%, #BDDEDE 100%);
}
</style>