#CFD6DC - #8283A1 | 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 #CFD6DC to #8283A1

#CFD6DC #8283A1

Calculate the color between two colors, #CFD6DC and #8283A1. 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)

#CFD6DC - #8283A1 | 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 #CFD6DC as 0% and #8283A1 as 100%.

0.0%	0.0% #CFD6DC	RGB 207 214 220	#CFD6DC
16.7%	16.7% #C2C8D2	RGB 194 200 210	#C2C8D2
33.3%	33.3% #B5BAC8	RGB 181 186 200	#B5BAC8
50.0%	50.0% #A8ACBE	RGB 168 172 190	#A8ACBE
66.7%	66.7% #9B9EB4	RGB 155 158 180	#9B9EB4
83.3%	83.3% #8E90AA	RGB 142 144 170	#8E90AA
100.0%	100.0% #8283A1	RGB 130 131 161	#8283A1

#CFD6DC #C2C8D2 #B5BAC8 #A8ACBE #9B9EB4 #8E90AA #8283A1

#CFD6DC - #8283A1

HSV Blend

#CFD6DC - #8283A1 | 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 #CFD6DC as 0% and #8283A1 as 100%.

0.0%	0.0% #CFD6DC	RGB 207 214 220	#CFD6DC
16.7%	16.7% #C1C8D2	RGB 193 200 210	#C1C8D2
33.3%	33.3% #B3BBC8	RGB 179 187 200	#B3BBC8
50.0%	50.0% #A6ADBE	RGB 166 173 190	#A6ADBE
66.7%	66.7% #999FB4	RGB 153 159 180	#999FB4
83.3%	83.3% #8D91AA	RGB 141 145 170	#8D91AA
100.0%	100.0% #8283A1	RGB 130 131 161	#8283A1

#CFD6DC #C1C8D2 #B3BBC8 #A6ADBE #999FB4 #8D91AA #8283A1

#CFD6DC - #A6ADBE - #8283A1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFD6DC 0%, #A6ADBE 50%, #8283A1 100%);
    background: -webkit-linear-gradient(top, #CFD6DC 0%, #A6ADBE 50%, #8283A1 100%);
    background: linear-gradient(to bottom, #CFD6DC 0%, #A6ADBE 50%, #8283A1 100%);
}
</style>