#CACCB8 - #D2FFD4 | 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 #CACCB8 to #D2FFD4

#CACCB8 #D2FFD4

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

#CACCB8 - #D2FFD4 | 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 #CACCB8 as 0% and #D2FFD4 as 100%.

0.0%	0.0% #CACCB8	RGB 202 204 184	#CACCB8
16.7%	16.7% #CBD4BC	RGB 203 212 188	#CBD4BC
33.3%	33.3% #CCDDC1	RGB 204 221 193	#CCDDC1
50.0%	50.0% #CEE5C6	RGB 206 229 198	#CEE5C6
66.7%	66.7% #CFEECA	RGB 207 238 202	#CFEECA
83.3%	83.3% #D0F6CF	RGB 208 246 207	#D0F6CF
100.0%	100.0% #D2FFD4	RGB 210 255 212	#D2FFD4

#CACCB8 #CBD4BC #CCDDC1 #CEE5C6 #CFEECA #D0F6CF #D2FFD4

#CACCB8 - #D2FFD4

HSV Blend

#CACCB8 - #D2FFD4 | 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 #CACCB8 as 0% and #D2FFD4 as 100%.

0.0%	0.0% #CACCB8	RGB 202 204 184	#CACCB8
16.7%	16.7% #CED4BC	RGB 206 212 188	#CED4BC
33.3%	33.3% #D1DDC1	RGB 209 221 193	#D1DDC1
50.0%	50.0% #D3E5C6	RGB 211 229 198	#D3E5C6
66.7%	66.7% #D3EECA	RGB 211 238 202	#D3EECA
83.3%	83.3% #D2F6CE	RGB 210 246 206	#D2F6CE
100.0%	100.0% #D2FFD4	RGB 210 255 212	#D2FFD4

#CACCB8 #CED4BC #D1DDC1 #D3E5C6 #D3EECA #D2F6CE #D2FFD4

#CACCB8 - #D3E5C6 - #D2FFD4

CSS codes

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

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