#C6B5BC - #D2FFC2 | 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 #C6B5BC to #D2FFC2

#C6B5BC #D2FFC2

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

#C6B5BC - #D2FFC2 | 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 #C6B5BC as 0% and #D2FFC2 as 100%.

0.0%	0.0% #C6B5BC	RGB 198 181 188	#C6B5BC
16.7%	16.7% #C8C1BD	RGB 200 193 189	#C8C1BD
33.3%	33.3% #CACDBE	RGB 202 205 190	#CACDBE
50.0%	50.0% #CCDABF	RGB 204 218 191	#CCDABF
66.7%	66.7% #CEE6C0	RGB 206 230 192	#CEE6C0
83.3%	83.3% #D0F2C1	RGB 208 242 193	#D0F2C1
100.0%	100.0% #D2FFC2	RGB 210 255 194	#D2FFC2

#C6B5BC #C8C1BD #CACDBE #CCDABF #CEE6C0 #D0F2C1 #D2FFC2

#C6B5BC - #D2FFC2

HSV Blend

#C6B5BC - #D2FFC2 | 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 #C6B5BC as 0% and #D2FFC2 as 100%.

0.0%	0.0% #C6B5BC	RGB 198 181 188	#C6B5BC
16.7%	16.7% #CFB8B9	RGB 207 184 185	#CFB8B9
33.3%	33.3% #D9C4BB	RGB 217 196 187	#D9C4BB
50.0%	50.0% #E2D6BD	RGB 226 214 189	#E2D6BD
66.7%	66.7% #EBECBF	RGB 235 236 191	#EBECBF
83.3%	83.3% #E1F5C1	RGB 225 245 193	#E1F5C1
100.0%	100.0% #D2FFC2	RGB 210 255 194	#D2FFC2

#C6B5BC #CFB8B9 #D9C4BB #E2D6BD #EBECBF #E1F5C1 #D2FFC2

#C6B5BC - #E2D6BD - #D2FFC2

CSS codes

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

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