#C5A8C6 - #CFE3D2 | 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 #C5A8C6 to #CFE3D2

#C5A8C6 #CFE3D2

Calculate the color between two colors, #C5A8C6 and #CFE3D2. 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)

#C5A8C6 - #CFE3D2 | 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 #C5A8C6 as 0% and #CFE3D2 as 100%.

0.0%	0.0% #C5A8C6	RGB 197 168 198	#C5A8C6
16.7%	16.7% #C6B1C8	RGB 198 177 200	#C6B1C8
33.3%	33.3% #C8BBCA	RGB 200 187 202	#C8BBCA
50.0%	50.0% #CAC5CC	RGB 202 197 204	#CAC5CC
66.7%	66.7% #CBCFCE	RGB 203 207 206	#CBCFCE
83.3%	83.3% #CDD9D0	RGB 205 217 208	#CDD9D0
100.0%	100.0% #CFE3D2	RGB 207 227 210	#CFE3D2

#C5A8C6 #C6B1C8 #C8BBCA #CAC5CC #CBCFCE #CDD9D0 #CFE3D2

#C5A8C6 - #CFE3D2

HSV Blend

#C5A8C6 - #CFE3D2 | 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 #C5A8C6 as 0% and #CFE3D2 as 100%.

0.0%	0.0% #C5A8C6	RGB 197 168 198	#C5A8C6
16.7%	16.7% #BCAECA	RGB 188 174 202	#BCAECA
33.3%	33.3% #B5B4CF	RGB 181 180 207	#B5B4CF
50.0%	50.0% #BBC6D4	RGB 187 198 212	#BBC6D4
66.7%	66.7% #C1D7D9	RGB 193 215 217	#C1D7D9
83.3%	83.3% #C8DED5	RGB 200 222 213	#C8DED5
100.0%	100.0% #CFE3D2	RGB 207 227 210	#CFE3D2

#C5A8C6 #BCAECA #B5B4CF #BBC6D4 #C1D7D9 #C8DED5 #CFE3D2

#C5A8C6 - #BBC6D4 - #CFE3D2

CSS codes

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

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