#7A838C - #D9DBDE | 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 #7A838C to #D9DBDE

#7A838C #D9DBDE

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

#7A838C - #D9DBDE | 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 #7A838C as 0% and #D9DBDE as 100%.

0.0%	0.0% #7A838C	RGB 122 131 140	#7A838C
16.7%	16.7% #899199	RGB 137 145 153	#899199
33.3%	33.3% #99A0A7	RGB 153 160 167	#99A0A7
50.0%	50.0% #A9AFB5	RGB 169 175 181	#A9AFB5
66.7%	66.7% #B9BDC2	RGB 185 189 194	#B9BDC2
83.3%	83.3% #C9CCD0	RGB 201 204 208	#C9CCD0
100.0%	100.0% #D9DBDE	RGB 217 219 222	#D9DBDE

#7A838C #899199 #99A0A7 #A9AFB5 #B9BDC2 #C9CCD0 #D9DBDE

#7A838C - #D9DBDE

HSV Blend

#7A838C - #D9DBDE | 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 #7A838C as 0% and #D9DBDE as 100%.

0.0%	0.0% #7A838C	RGB 122 131 140	#7A838C
16.7%	16.7% #889099	RGB 136 144 153	#889099
33.3%	33.3% #979FA7	RGB 151 159 167	#979FA7
50.0%	50.0% #A7ADB5	RGB 167 173 181	#A7ADB5
66.7%	66.7% #B7BCC2	RGB 183 188 194	#B7BCC2
83.3%	83.3% #C7CBD0	RGB 199 203 208	#C7CBD0
100.0%	100.0% #D9DBDE	RGB 217 219 222	#D9DBDE

#7A838C #889099 #979FA7 #A7ADB5 #B7BCC2 #C7CBD0 #D9DBDE

#7A838C - #A7ADB5 - #D9DBDE

CSS codes

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

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