#5C8A8F - #D0DDDF | 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 #5C8A8F to #D0DDDF

#5C8A8F #D0DDDF

Calculate the color between two colors, #5C8A8F and #D0DDDF. 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)

#5C8A8F - #D0DDDF | 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 #5C8A8F as 0% and #D0DDDF as 100%.

0.0%	0.0% #5C8A8F	RGB 92 138 143	#5C8A8F
16.7%	16.7% #6F979C	RGB 111 151 156	#6F979C
33.3%	33.3% #82A5A9	RGB 130 165 169	#82A5A9
50.0%	50.0% #96B3B7	RGB 150 179 183	#96B3B7
66.7%	66.7% #A9C1C4	RGB 169 193 196	#A9C1C4
83.3%	83.3% #BCCFD1	RGB 188 207 209	#BCCFD1
100.0%	100.0% #D0DDDF	RGB 208 221 223	#D0DDDF

#5C8A8F #6F979C #82A5A9 #96B3B7 #A9C1C4 #BCCFD1 #D0DDDF

#5C8A8F - #D0DDDF

HSV Blend

#5C8A8F - #D0DDDF | 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 #5C8A8F as 0% and #D0DDDF as 100%.

0.0%	0.0% #5C8A8F	RGB 92 138 143	#5C8A8F
16.7%	16.7% #6C979C	RGB 108 151 156	#6C979C
33.3%	33.3% #7DA4A9	RGB 125 164 169	#7DA4A9
50.0%	50.0% #90B2B7	RGB 144 178 183	#90B2B7
66.7%	66.7% #A4C0C4	RGB 164 192 196	#A4C0C4
83.3%	83.3% #B9CED1	RGB 185 206 209	#B9CED1
100.0%	100.0% #D0DDDF	RGB 208 221 223	#D0DDDF

#5C8A8F #6C979C #7DA4A9 #90B2B7 #A4C0C4 #B9CED1 #D0DDDF

#5C8A8F - #90B2B7 - #D0DDDF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5C8A8F 0%, #90B2B7 50%, #D0DDDF 100%);
    background: -webkit-linear-gradient(top, #5C8A8F 0%, #90B2B7 50%, #D0DDDF 100%);
    background: linear-gradient(to bottom, #5C8A8F 0%, #90B2B7 50%, #D0DDDF 100%);
}
</style>