#CAD4D8 - #79879C | 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 #CAD4D8 to #79879C

#CAD4D8 #79879C

Calculate the color between two colors, #CAD4D8 and #79879C. 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)

#CAD4D8 - #79879C | 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 #CAD4D8 as 0% and #79879C as 100%.

0.0%	0.0% #CAD4D8	RGB 202 212 216	#CAD4D8
16.7%	16.7% #BCC7CE	RGB 188 199 206	#BCC7CE
33.3%	33.3% #AFBAC4	RGB 175 186 196	#AFBAC4
50.0%	50.0% #A1ADBA	RGB 161 173 186	#A1ADBA
66.7%	66.7% #94A0B0	RGB 148 160 176	#94A0B0
83.3%	83.3% #8693A6	RGB 134 147 166	#8693A6
100.0%	100.0% #79879C	RGB 121 135 156	#79879C

#CAD4D8 #BCC7CE #AFBAC4 #A1ADBA #94A0B0 #8693A6 #79879C

#CAD4D8 - #79879C

HSV Blend

#CAD4D8 - #79879C | 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 #CAD4D8 as 0% and #79879C as 100%.

0.0%	0.0% #CAD4D8	RGB 202 212 216	#CAD4D8
16.7%	16.7% #BBC7CE	RGB 187 199 206	#BBC7CE
33.3%	33.3% #ACBAC4	RGB 172 186 196	#ACBAC4
50.0%	50.0% #9FAEBA	RGB 159 174 186	#9FAEBA
66.7%	66.7% #91A1B0	RGB 145 161 176	#91A1B0
83.3%	83.3% #8594A6	RGB 133 148 166	#8594A6
100.0%	100.0% #79879C	RGB 121 135 156	#79879C

#CAD4D8 #BBC7CE #ACBAC4 #9FAEBA #91A1B0 #8594A6 #79879C

#CAD4D8 - #9FAEBA - #79879C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CAD4D8 0%, #9FAEBA 50%, #79879C 100%);
    background: -webkit-linear-gradient(top, #CAD4D8 0%, #9FAEBA 50%, #79879C 100%);
    background: linear-gradient(to bottom, #CAD4D8 0%, #9FAEBA 50%, #79879C 100%);
}
</style>