#C4B6DF - #DBDDDF | 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 #C4B6DF to #DBDDDF

#C4B6DF #DBDDDF

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

#C4B6DF - #DBDDDF | 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 #C4B6DF as 0% and #DBDDDF as 100%.

0.0%	0.0% #C4B6DF	RGB 196 182 223	#C4B6DF
16.7%	16.7% #C7BCDF	RGB 199 188 223	#C7BCDF
33.3%	33.3% #CBC3DF	RGB 203 195 223	#CBC3DF
50.0%	50.0% #CFC9DF	RGB 207 201 223	#CFC9DF
66.7%	66.7% #D3D0DF	RGB 211 208 223	#D3D0DF
83.3%	83.3% #D7D6DF	RGB 215 214 223	#D7D6DF
100.0%	100.0% #DBDDDF	RGB 219 221 223	#DBDDDF

#C4B6DF #C7BCDF #CBC3DF #CFC9DF #D3D0DF #D7D6DF #DBDDDF

#C4B6DF - #DBDDDF

HSV Blend

#C4B6DF - #DBDDDF | 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 #C4B6DF as 0% and #DBDDDF as 100%.

0.0%	0.0% #C4B6DF	RGB 196 182 223	#C4B6DF
16.7%	16.7% #C3BCDF	RGB 195 188 223	#C3BCDF
33.3%	33.3% #C4C2DF	RGB 196 194 223	#C4C2DF
50.0%	50.0% #C8CADF	RGB 200 202 223	#C8CADF
66.7%	66.7% #CED2DF	RGB 206 210 223	#CED2DF
83.3%	83.3% #D4D8DF	RGB 212 216 223	#D4D8DF
100.0%	100.0% #DBDDDF	RGB 219 221 223	#DBDDDF

#C4B6DF #C3BCDF #C4C2DF #C8CADF #CED2DF #D4D8DF #DBDDDF

#C4B6DF - #C8CADF - #DBDDDF

CSS codes

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

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