#5E7E7E - #D1DADA | 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 #5E7E7E to #D1DADA

#5E7E7E #D1DADA

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

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

0.0%	0.0% #5E7E7E	RGB 94 126 126	#5E7E7E
16.7%	16.7% #718D8D	RGB 113 141 141	#718D8D
33.3%	33.3% #849C9C	RGB 132 156 156	#849C9C
50.0%	50.0% #97ACAC	RGB 151 172 172	#97ACAC
66.7%	66.7% #AABBBB	RGB 170 187 187	#AABBBB
83.3%	83.3% #BDCACA	RGB 189 202 202	#BDCACA
100.0%	100.0% #D1DADA	RGB 209 218 218	#D1DADA

#5E7E7E #718D8D #849C9C #97ACAC #AABBBB #BDCACA #D1DADA

#5E7E7E - #D1DADA

HSV Blend

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

0.0%	0.0% #5E7E7E	RGB 94 126 126	#5E7E7E
16.7%	16.7% #6E8D8D	RGB 110 141 141	#6E8D8D
33.3%	33.3% #7F9C9C	RGB 127 156 156	#7F9C9C
50.0%	50.0% #92ACAC	RGB 146 172 172	#92ACAC
66.7%	66.7% #A6BBBB	RGB 166 187 187	#A6BBBB
83.3%	83.3% #BBCACA	RGB 187 202 202	#BBCACA
100.0%	100.0% #D1DADA	RGB 209 218 218	#D1DADA

#5E7E7E #6E8D8D #7F9C9C #92ACAC #A6BBBB #BBCACA #D1DADA

#5E7E7E - #92ACAC - #D1DADA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7E7E 0%, #92ACAC 50%, #D1DADA 100%);
    background: -webkit-linear-gradient(top, #5E7E7E 0%, #92ACAC 50%, #D1DADA 100%);
    background: linear-gradient(to bottom, #5E7E7E 0%, #92ACAC 50%, #D1DADA 100%);
}
</style>