#CFD3E1 - #738AA7 | 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 #CFD3E1 to #738AA7

#CFD3E1 #738AA7

Calculate the color between two colors, #CFD3E1 and #738AA7. 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)

#CFD3E1 - #738AA7 | 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 #CFD3E1 as 0% and #738AA7 as 100%.

0.0%	0.0% #CFD3E1	RGB 207 211 225	#CFD3E1
16.7%	16.7% #BFC6D7	RGB 191 198 215	#BFC6D7
33.3%	33.3% #B0BACD	RGB 176 186 205	#B0BACD
50.0%	50.0% #A1AEC4	RGB 161 174 196	#A1AEC4
66.7%	66.7% #91A2BA	RGB 145 162 186	#91A2BA
83.3%	83.3% #8296B0	RGB 130 150 176	#8296B0
100.0%	100.0% #738AA7	RGB 115 138 167	#738AA7

#CFD3E1 #BFC6D7 #B0BACD #A1AEC4 #91A2BA #8296B0 #738AA7

#CFD3E1 - #738AA7

HSV Blend

#CFD3E1 - #738AA7 | 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 #CFD3E1 as 0% and #738AA7 as 100%.

0.0%	0.0% #CFD3E1	RGB 207 211 225	#CFD3E1
16.7%	16.7% #BDC4D7	RGB 189 196 215	#BDC4D7
33.3%	33.3% #ADB6CD	RGB 173 182 205	#ADB6CD
50.0%	50.0% #9DAAC4	RGB 157 170 196	#9DAAC4
66.7%	66.7% #8E9EBA	RGB 142 158 186	#8E9EBA
83.3%	83.3% #8094B0	RGB 128 148 176	#8094B0
100.0%	100.0% #738AA7	RGB 115 138 167	#738AA7

#CFD3E1 #BDC4D7 #ADB6CD #9DAAC4 #8E9EBA #8094B0 #738AA7

#CFD3E1 - #9DAAC4 - #738AA7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFD3E1 0%, #9DAAC4 50%, #738AA7 100%);
    background: -webkit-linear-gradient(top, #CFD3E1 0%, #9DAAC4 50%, #738AA7 100%);
    background: linear-gradient(to bottom, #CFD3E1 0%, #9DAAC4 50%, #738AA7 100%);
}
</style>