#528080 - #CDDADA | 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 #528080 to #CDDADA

#528080 #CDDADA

Calculate the color between two colors, #528080 and #CDDADA. 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)

#528080 - #CDDADA | 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 #528080 as 0% and #CDDADA as 100%.

0.0%	0.0% #528080	RGB 82 128 128	#528080
16.7%	16.7% #668F8F	RGB 102 143 143	#668F8F
33.3%	33.3% #7B9E9E	RGB 123 158 158	#7B9E9E
50.0%	50.0% #8FADAD	RGB 143 173 173	#8FADAD
66.7%	66.7% #A4BCBC	RGB 164 188 188	#A4BCBC
83.3%	83.3% #B8CBCB	RGB 184 203 203	#B8CBCB
100.0%	100.0% #CDDADA	RGB 205 218 218	#CDDADA

#528080 #668F8F #7B9E9E #8FADAD #A4BCBC #B8CBCB #CDDADA

#528080 - #CDDADA

HSV Blend

#528080 - #CDDADA | 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 #528080 as 0% and #CDDADA as 100%.

0.0%	0.0% #528080	RGB 82 128 128	#528080
16.7%	16.7% #628F8F	RGB 98 143 143	#628F8F
33.3%	33.3% #759E9E	RGB 117 158 158	#759E9E
50.0%	50.0% #88ADAD	RGB 136 173 173	#88ADAD
66.7%	66.7% #9EBCBC	RGB 158 188 188	#9EBCBC
83.3%	83.3% #B4CBCB	RGB 180 203 203	#B4CBCB
100.0%	100.0% #CDDADA	RGB 205 218 218	#CDDADA

#528080 #628F8F #759E9E #88ADAD #9EBCBC #B4CBCB #CDDADA

#528080 - #88ADAD - #CDDADA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #528080 0%, #88ADAD 50%, #CDDADA 100%);
    background: -webkit-linear-gradient(top, #528080 0%, #88ADAD 50%, #CDDADA 100%);
    background: linear-gradient(to bottom, #528080 0%, #88ADAD 50%, #CDDADA 100%);
}
</style>