#CFD9F8 - #708ECA | 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 #CFD9F8 to #708ECA

#CFD9F8 #708ECA

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

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

0.0%	0.0% #CFD9F8	RGB 207 217 248	#CFD9F8
16.7%	16.7% #BFCCF0	RGB 191 204 240	#BFCCF0
33.3%	33.3% #AFC0E8	RGB 175 192 232	#AFC0E8
50.0%	50.0% #9FB3E1	RGB 159 179 225	#9FB3E1
66.7%	66.7% #8FA7D9	RGB 143 167 217	#8FA7D9
83.3%	83.3% #7F9AD1	RGB 127 154 209	#7F9AD1
100.0%	100.0% #708ECA	RGB 112 142 202	#708ECA

#CFD9F8 #BFCCF0 #AFC0E8 #9FB3E1 #8FA7D9 #7F9AD1 #708ECA

#CFD9F8 - #708ECA

HSV Blend

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

0.0%	0.0% #CFD9F8	RGB 207 217 248	#CFD9F8
16.7%	16.7% #BDCAF0	RGB 189 202 240	#BDCAF0
33.3%	33.3% #ACBCE8	RGB 172 188 232	#ACBCE8
50.0%	50.0% #9CB0E1	RGB 156 176 225	#9CB0E1
66.7%	66.7% #8CA4D9	RGB 140 164 217	#8CA4D9
83.3%	83.3% #7E98D1	RGB 126 152 209	#7E98D1
100.0%	100.0% #708ECA	RGB 112 142 202	#708ECA

#CFD9F8 #BDCAF0 #ACBCE8 #9CB0E1 #8CA4D9 #7E98D1 #708ECA

#CFD9F8 - #9CB0E1 - #708ECA

CSS codes

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

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