#CAB5D9 - #D6D9DA | 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 #CAB5D9 to #D6D9DA

#CAB5D9 #D6D9DA

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

#CAB5D9 - #D6D9DA | 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 #CAB5D9 as 0% and #D6D9DA as 100%.

0.0%	0.0% #CAB5D9	RGB 202 181 217	#CAB5D9
16.7%	16.7% #CCBBD9	RGB 204 187 217	#CCBBD9
33.3%	33.3% #CEC1D9	RGB 206 193 217	#CEC1D9
50.0%	50.0% #D0C7D9	RGB 208 199 217	#D0C7D9
66.7%	66.7% #D2CDD9	RGB 210 205 217	#D2CDD9
83.3%	83.3% #D4D3D9	RGB 212 211 217	#D4D3D9
100.0%	100.0% #D6D9DA	RGB 214 217 218	#D6D9DA

#CAB5D9 #CCBBD9 #CEC1D9 #D0C7D9 #D2CDD9 #D4D3D9 #D6D9DA

#CAB5D9 - #D6D9DA

HSV Blend

#CAB5D9 - #D6D9DA | 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 #CAB5D9 as 0% and #D6D9DA as 100%.

0.0%	0.0% #CAB5D9	RGB 202 181 217	#CAB5D9
16.7%	16.7% #C5BAD9	RGB 197 186 217	#C5BAD9
33.3%	33.3% #C3BFD9	RGB 195 191 217	#C3BFD9
50.0%	50.0% #C5C7D9	RGB 197 199 217	#C5C7D9
66.7%	66.7% #CACFD9	RGB 202 207 217	#CACFD9
83.3%	83.3% #D0D5D9	RGB 208 213 217	#D0D5D9
100.0%	100.0% #D6D9DA	RGB 214 217 218	#D6D9DA

#CAB5D9 #C5BAD9 #C3BFD9 #C5C7D9 #CACFD9 #D0D5D9 #D6D9DA

#CAB5D9 - #C5C7D9 - #D6D9DA

CSS codes

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

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