#CFD4EC - #708AB7 | 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 #CFD4EC to #708AB7

#CFD4EC #708AB7

Calculate the color between two colors, #CFD4EC and #708AB7. 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)

#CFD4EC - #708AB7 | 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 #CFD4EC as 0% and #708AB7 as 100%.

0.0%	0.0% #CFD4EC	RGB 207 212 236	#CFD4EC
16.7%	16.7% #BFC7E3	RGB 191 199 227	#BFC7E3
33.3%	33.3% #AFBBDA	RGB 175 187 218	#AFBBDA
50.0%	50.0% #9FAFD1	RGB 159 175 209	#9FAFD1
66.7%	66.7% #8FA2C8	RGB 143 162 200	#8FA2C8
83.3%	83.3% #7F96BF	RGB 127 150 191	#7F96BF
100.0%	100.0% #708AB7	RGB 112 138 183	#708AB7

#CFD4EC #BFC7E3 #AFBBDA #9FAFD1 #8FA2C8 #7F96BF #708AB7

#CFD4EC - #708AB7

HSV Blend

#CFD4EC - #708AB7 | 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 #CFD4EC as 0% and #708AB7 as 100%.

0.0%	0.0% #CFD4EC	RGB 207 212 236	#CFD4EC
16.7%	16.7% #BDC4E3	RGB 189 196 227	#BDC4E3
33.3%	33.3% #ACB7DA	RGB 172 183 218	#ACB7DA
50.0%	50.0% #9BAAD1	RGB 155 170 209	#9BAAD1
66.7%	66.7% #8C9EC8	RGB 140 158 200	#8C9EC8
83.3%	83.3% #7D93BF	RGB 125 147 191	#7D93BF
100.0%	100.0% #708AB7	RGB 112 138 183	#708AB7

#CFD4EC #BDC4E3 #ACB7DA #9BAAD1 #8C9EC8 #7D93BF #708AB7

#CFD4EC - #9BAAD1 - #708AB7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFD4EC 0%, #9BAAD1 50%, #708AB7 100%);
    background: -webkit-linear-gradient(top, #CFD4EC 0%, #9BAAD1 50%, #708AB7 100%);
    background: linear-gradient(to bottom, #CFD4EC 0%, #9BAAD1 50%, #708AB7 100%);
}
</style>