#C0C9AE - #EDEFE7 | 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 #C0C9AE a #EDEFE7

#C0C9AE #EDEFE7

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

#C0C9AE - #EDEFE7 | 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 #C0C9AE como 0% y #EDEFE7 como 100%.

0.0%	0.0% #C0C9AE	RGB 192 201 174	#C0C9AE
16.7%	16.7% #C7CFB7	RGB 199 207 183	#C7CFB7
33.3%	33.3% #CFD5C1	RGB 207 213 193	#CFD5C1
50.0%	50.0% #D6DCCA	RGB 214 220 202	#D6DCCA
66.7%	66.7% #DEE2D4	RGB 222 226 212	#DEE2D4
83.3%	83.3% #E5E8DD	RGB 229 232 221	#E5E8DD
100.0%	100.0% #EDEFE7	RGB 237 239 231	#EDEFE7

#C0C9AE #C7CFB7 #CFD5C1 #D6DCCA #DEE2D4 #E5E8DD #EDEFE7

#C0C9AE - #EDEFE7

Mezcla HSV

#C0C9AE - #EDEFE7 | 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 #C0C9AE como 0% y #EDEFE7 como 100%.

0.0%	0.0% #C0C9AE	RGB 192 201 174	#C0C9AE
16.7%	16.7% #C7CFB6	RGB 199 207 182	#C7CFB6
33.3%	33.3% #CFD5C0	RGB 207 213 192	#CFD5C0
50.0%	50.0% #D6DCC9	RGB 214 220 201	#D6DCC9
66.7%	66.7% #DEE2D3	RGB 222 226 211	#DEE2D3
83.3%	83.3% #E5E8DC	RGB 229 232 220	#E5E8DC
100.0%	100.0% #EDEFE7	RGB 237 239 231	#EDEFE7

#C0C9AE #C7CFB6 #CFD5C0 #D6DCC9 #DEE2D3 #E5E8DC #EDEFE7

#C0C9AE - #D6DCC9 - #EDEFE7

Códigos CSS

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

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