#128C8C - #BBDEDE | 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 #128C8C to #BBDEDE

#128C8C #BBDEDE

Calculate the color between two colors, #128C8C and #BBDEDE. 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)

#128C8C - #BBDEDE | 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 #128C8C as 0% and #BBDEDE as 100%.

0.0%	0.0% #128C8C	RGB 18 140 140	#128C8C
16.7%	16.7% #2E9999	RGB 46 153 153	#2E9999
33.3%	33.3% #4AA7A7	RGB 74 167 167	#4AA7A7
50.0%	50.0% #66B5B5	RGB 102 181 181	#66B5B5
66.7%	66.7% #82C2C2	RGB 130 194 194	#82C2C2
83.3%	83.3% #9ED0D0	RGB 158 208 208	#9ED0D0
100.0%	100.0% #BBDEDE	RGB 187 222 222	#BBDEDE

#128C8C #2E9999 #4AA7A7 #66B5B5 #82C2C2 #9ED0D0 #BBDEDE

#128C8C - #BBDEDE

HSV Blend

#128C8C - #BBDEDE | 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 #128C8C as 0% and #BBDEDE as 100%.

0.0%	0.0% #128C8C	RGB 18 140 140	#128C8C
16.7%	16.7% #269999	RGB 38 153 153	#269999
33.3%	33.3% #3DA7A7	RGB 61 167 167	#3DA7A7
50.0%	50.0% #57B5B5	RGB 87 181 181	#57B5B5
66.7%	66.7% #75C2C2	RGB 117 194 194	#75C2C2
83.3%	83.3% #96D0D0	RGB 150 208 208	#96D0D0
100.0%	100.0% #BBDEDE	RGB 187 222 222	#BBDEDE

#128C8C #269999 #3DA7A7 #57B5B5 #75C2C2 #96D0D0 #BBDEDE

#128C8C - #57B5B5 - #BBDEDE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #128C8C 0%, #57B5B5 50%, #BBDEDE 100%);
    background: -webkit-linear-gradient(top, #128C8C 0%, #57B5B5 50%, #BBDEDE 100%);
    background: linear-gradient(to bottom, #128C8C 0%, #57B5B5 50%, #BBDEDE 100%);
}
</style>