#50C0C0 - #CDEDED | 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 #50C0C0 to #CDEDED

#50C0C0 #CDEDED

Calculate the color between two colors, #50C0C0 and #CDEDED. 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)

#50C0C0 - #CDEDED | 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 #50C0C0 as 0% and #CDEDED as 100%.

0.0%	0.0% #50C0C0	RGB 80 192 192	#50C0C0
16.7%	16.7% #64C7C7	RGB 100 199 199	#64C7C7
33.3%	33.3% #79CFCF	RGB 121 207 207	#79CFCF
50.0%	50.0% #8ED6D6	RGB 142 214 214	#8ED6D6
66.7%	66.7% #A3DEDE	RGB 163 222 222	#A3DEDE
83.3%	83.3% #B8E5E5	RGB 184 229 229	#B8E5E5
100.0%	100.0% #CDEDED	RGB 205 237 237	#CDEDED

#50C0C0 #64C7C7 #79CFCF #8ED6D6 #A3DEDE #B8E5E5 #CDEDED

#50C0C0 - #CDEDED

HSV Blend

#50C0C0 - #CDEDED | 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 #50C0C0 as 0% and #CDEDED as 100%.

0.0%	0.0% #50C0C0	RGB 80 192 192	#50C0C0
16.7%	16.7% #62C7C7	RGB 98 199 199	#62C7C7
33.3%	33.3% #75CFCF	RGB 117 207 207	#75CFCF
50.0%	50.0% #89D6D6	RGB 137 214 214	#89D6D6
66.7%	66.7% #9EDEDE	RGB 158 222 222	#9EDEDE
83.3%	83.3% #B5E5E5	RGB 181 229 229	#B5E5E5
100.0%	100.0% #CDEDED	RGB 205 237 237	#CDEDED

#50C0C0 #62C7C7 #75CFCF #89D6D6 #9EDEDE #B5E5E5 #CDEDED

#50C0C0 - #89D6D6 - #CDEDED

CSS codes

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

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