#7E838C - #DADADE | 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 #7E838C to #DADADE

#7E838C #DADADE

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

#7E838C - #DADADE | 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 #7E838C as 0% and #DADADE as 100%.

0.0%	0.0% #7E838C	RGB 126 131 140	#7E838C
16.7%	16.7% #8D9199	RGB 141 145 153	#8D9199
33.3%	33.3% #9CA0A7	RGB 156 160 167	#9CA0A7
50.0%	50.0% #ACAEB5	RGB 172 174 181	#ACAEB5
66.7%	66.7% #BBBDC2	RGB 187 189 194	#BBBDC2
83.3%	83.3% #CACBD0	RGB 202 203 208	#CACBD0
100.0%	100.0% #DADADE	RGB 218 218 222	#DADADE

#7E838C #8D9199 #9CA0A7 #ACAEB5 #BBBDC2 #CACBD0 #DADADE

#7E838C - #DADADE

HSV Blend

#7E838C - #DADADE | 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 #7E838C as 0% and #DADADE as 100%.

0.0%	0.0% #7E838C	RGB 126 131 140	#7E838C
16.7%	16.7% #8C9099	RGB 140 144 153	#8C9099
33.3%	33.3% #9B9EA7	RGB 155 158 167	#9B9EA7
50.0%	50.0% #AAACB5	RGB 170 172 181	#AAACB5
66.7%	66.7% #B9BAC2	RGB 185 186 194	#B9BAC2
83.3%	83.3% #C9CAD0	RGB 201 202 208	#C9CAD0
100.0%	100.0% #DADADE	RGB 218 218 222	#DADADE

#7E838C #8C9099 #9B9EA7 #AAACB5 #B9BAC2 #C9CAD0 #DADADE

#7E838C - #AAACB5 - #DADADE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E838C 0%, #AAACB5 50%, #DADADE 100%);
    background: -webkit-linear-gradient(top, #7E838C 0%, #AAACB5 50%, #DADADE 100%);
    background: linear-gradient(to bottom, #7E838C 0%, #AAACB5 50%, #DADADE 100%);
}
</style>