#488C8C - #CADEDE | 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 #488C8C to #CADEDE

#488C8C #CADEDE

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

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

0.0%	0.0% #488C8C	RGB 72 140 140	#488C8C
16.7%	16.7% #5D9999	RGB 93 153 153	#5D9999
33.3%	33.3% #73A7A7	RGB 115 167 167	#73A7A7
50.0%	50.0% #89B5B5	RGB 137 181 181	#89B5B5
66.7%	66.7% #9EC2C2	RGB 158 194 194	#9EC2C2
83.3%	83.3% #B4D0D0	RGB 180 208 208	#B4D0D0
100.0%	100.0% #CADEDE	RGB 202 222 222	#CADEDE

#488C8C #5D9999 #73A7A7 #89B5B5 #9EC2C2 #B4D0D0 #CADEDE

#488C8C - #CADEDE

HSV Blend

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

0.0%	0.0% #488C8C	RGB 72 140 140	#488C8C
16.7%	16.7% #599999	RGB 89 153 153	#599999
33.3%	33.3% #6CA7A7	RGB 108 167 167	#6CA7A7
50.0%	50.0% #80B5B5	RGB 128 181 181	#80B5B5
66.7%	66.7% #97C2C2	RGB 151 194 194	#97C2C2
83.3%	83.3% #AFD0D0	RGB 175 208 208	#AFD0D0
100.0%	100.0% #CADEDE	RGB 202 222 222	#CADEDE

#488C8C #599999 #6CA7A7 #80B5B5 #97C2C2 #AFD0D0 #CADEDE

#488C8C - #80B5B5 - #CADEDE

CSS codes

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

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