#CACACB - #DDE2D0 | 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 #CACACB to #DDE2D0

#CACACB #DDE2D0

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

#CACACB - #DDE2D0 | 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 #CACACB as 0% and #DDE2D0 as 100%.

0.0%	0.0% #CACACB	RGB 202 202 203	#CACACB
16.7%	16.7% #CDCECB	RGB 205 206 203	#CDCECB
33.3%	33.3% #D0D2CC	RGB 208 210 204	#D0D2CC
50.0%	50.0% #D3D6CD	RGB 211 214 205	#D3D6CD
66.7%	66.7% #D6DACE	RGB 214 218 206	#D6DACE
83.3%	83.3% #D9DECF	RGB 217 222 207	#D9DECF
100.0%	100.0% #DDE2D0	RGB 221 226 208	#DDE2D0

#CACACB #CDCECB #D0D2CC #D3D6CD #D6DACE #D9DECF #DDE2D0

#CACACB - #DDE2D0

HSV Blend

#CACACB - #DDE2D0 | 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 #CACACB as 0% and #DDE2D0 as 100%.

0.0%	0.0% #CACACB	RGB 202 202 203	#CACACB
16.7%	16.7% #CBCCCE	RGB 203 204 206	#CBCCCE
33.3%	33.3% #CCD2D2	RGB 204 210 210	#CCD2D2
50.0%	50.0% #CDD6D3	RGB 205 214 211	#CDD6D3
66.7%	66.7% #CEDAD0	RGB 206 218 208	#CEDAD0
83.3%	83.3% #D3DECF	RGB 211 222 207	#D3DECF
100.0%	100.0% #DDE2D0	RGB 221 226 208	#DDE2D0

#CACACB #CBCCCE #CCD2D2 #CDD6D3 #CEDAD0 #D3DECF #DDE2D0

#CACACB - #CDD6D3 - #DDE2D0

CSS codes

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

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