#C7C7C4 - #FFEBCE | 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 #C7C7C4 a #FFEBCE

#C7C7C4 #FFEBCE

Calcule el color entre dos colores, #C7C7C4 y #FFEBCE. 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)

#C7C7C4 - #FFEBCE | 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 #C7C7C4 como 0% y #FFEBCE como 100%.

0.0%	0.0% #C7C7C4	RGB 199 199 196	#C7C7C4
16.7%	16.7% #D0CDC5	RGB 208 205 197	#D0CDC5
33.3%	33.3% #D9D3C7	RGB 217 211 199	#D9D3C7
50.0%	50.0% #E3D9C9	RGB 227 217 201	#E3D9C9
66.7%	66.7% #ECDFCA	RGB 236 223 202	#ECDFCA
83.3%	83.3% #F5E5CC	RGB 245 229 204	#F5E5CC
100.0%	100.0% #FFEBCE	RGB 255 235 206	#FFEBCE

#C7C7C4 #D0CDC5 #D9D3C7 #E3D9C9 #ECDFCA #F5E5CC #FFEBCE

#C7C7C4 - #FFEBCE

Mezcla HSV

#C7C7C4 - #FFEBCE | 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 #C7C7C4 como 0% y #FFEBCE como 100%.

0.0%	0.0% #C7C7C4	RGB 199 199 196	#C7C7C4
16.7%	16.7% #D0CFC7	RGB 208 207 199	#D0CFC7
33.3%	33.3% #D9D7C9	RGB 217 215 201	#D9D7C9
50.0%	50.0% #E3DECB	RGB 227 222 203	#E3DECB
66.7%	66.7% #ECE3CC	RGB 236 227 204	#ECE3CC
83.3%	83.3% #F5E8CD	RGB 245 232 205	#F5E8CD
100.0%	100.0% #FFEBCE	RGB 255 235 206	#FFEBCE

#C7C7C4 #D0CFC7 #D9D7C9 #E3DECB #ECE3CC #F5E8CD #FFEBCE

#C7C7C4 - #E3DECB - #FFEBCE

Códigos CSS

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

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