#C8CACE - #E3DDD4 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #C8CACE a #E3DDD4

#C8CACE #E3DDD4

Calcule el color entre dos colores, #C8CACE y #E3DDD4. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#C8CACE - #E3DDD4 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #C8CACE como 0% y #E3DDD4 como 100%.

0.0%	0.0% #C8CACE	RGB 200 202 206	#C8CACE
16.7%	16.7% #CCCDCF	RGB 204 205 207	#CCCDCF
33.3%	33.3% #D1D0D0	RGB 209 208 208	#D1D0D0
50.0%	50.0% #D5D3D1	RGB 213 211 209	#D5D3D1
66.7%	66.7% #DAD6D2	RGB 218 214 210	#DAD6D2
83.3%	83.3% #DED9D3	RGB 222 217 211	#DED9D3
100.0%	100.0% #E3DDD4	RGB 227 221 212	#E3DDD4

#C8CACE #CCCDCF #D1D0D0 #D5D3D1 #DAD6D2 #DED9D3 #E3DDD4

#C8CACE - #E3DDD4

Mezcla HSV

#C8CACE - #E3DDD4 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #C8CACE como 0% y #E3DDD4 como 100%.

0.0%	0.0% #C8CACE	RGB 200 202 206	#C8CACE
16.7%	16.7% #CBCAD1	RGB 203 202 209	#CBCAD1
33.3%	33.3% #D1CCD5	RGB 209 204 213	#D1CCD5
50.0%	50.0% #D8CED7	RGB 216 206 215	#D8CED7
66.7%	66.7% #DCD0D4	RGB 220 208 212	#DCD0D4
83.3%	83.3% #DFD3D2	RGB 223 211 210	#DFD3D2
100.0%	100.0% #E3DDD4	RGB 227 221 212	#E3DDD4

#C8CACE #CBCAD1 #D1CCD5 #D8CED7 #DCD0D4 #DFD3D2 #E3DDD4

#C8CACE - #D8CED7 - #E3DDD4

Códigos CSS

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

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