#DADADF - #7D98A4 | 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 #DADADF to #7D98A4

#DADADF #7D98A4

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

#DADADF - #7D98A4 | 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 #DADADF as 0% and #7D98A4 as 100%.

0.0%	0.0% #DADADF	RGB 218 218 223	#DADADF
16.7%	16.7% #CACFD5	RGB 202 207 213	#CACFD5
33.3%	33.3% #BBC4CB	RGB 187 196 203	#BBC4CB
50.0%	50.0% #ABB9C1	RGB 171 185 193	#ABB9C1
66.7%	66.7% #9CAEB7	RGB 156 174 183	#9CAEB7
83.3%	83.3% #8CA3AD	RGB 140 163 173	#8CA3AD
100.0%	100.0% #7D98A4	RGB 125 152 164	#7D98A4

#DADADF #CACFD5 #BBC4CB #ABB9C1 #9CAEB7 #8CA3AD #7D98A4

#DADADF - #7D98A4

HSV Blend

#DADADF - #7D98A4 | 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 #DADADF as 0% and #7D98A4 as 100%.

0.0%	0.0% #DADADF	RGB 218 218 223	#DADADF
16.7%	16.7% #C8CAD5	RGB 200 202 213	#C8CAD5
33.3%	33.3% #B8BCCB	RGB 184 188 203	#B8BCCB
50.0%	50.0% #A8B1C1	RGB 168 177 193	#A8B1C1
66.7%	66.7% #99A7B7	RGB 153 167 183	#99A7B7
83.3%	83.3% #8A9EAD	RGB 138 158 173	#8A9EAD
100.0%	100.0% #7D98A4	RGB 125 152 164	#7D98A4

#DADADF #C8CAD5 #B8BCCB #A8B1C1 #99A7B7 #8A9EAD #7D98A4

#DADADF - #A8B1C1 - #7D98A4

CSS codes

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

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