#C0BD9F - #EDECE3 | 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 #C0BD9F a #EDECE3

#C0BD9F #EDECE3

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

#C0BD9F - #EDECE3 | 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 #C0BD9F como 0% y #EDECE3 como 100%.

0.0%	0.0% #C0BD9F	RGB 192 189 159	#C0BD9F
16.7%	16.7% #C7C4AA	RGB 199 196 170	#C7C4AA
33.3%	33.3% #CFCCB5	RGB 207 204 181	#CFCCB5
50.0%	50.0% #D6D4C1	RGB 214 212 193	#D6D4C1
66.7%	66.7% #DEDCCC	RGB 222 220 204	#DEDCCC
83.3%	83.3% #E5E4D7	RGB 229 228 215	#E5E4D7
100.0%	100.0% #EDECE3	RGB 237 236 227	#EDECE3

#C0BD9F #C7C4AA #CFCCB5 #D6D4C1 #DEDCCC #E5E4D7 #EDECE3

#C0BD9F - #EDECE3

Mezcla HSV

#C0BD9F - #EDECE3 | 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 #C0BD9F como 0% y #EDECE3 como 100%.

0.0%	0.0% #C0BD9F	RGB 192 189 159	#C0BD9F
16.7%	16.7% #C7C4A9	RGB 199 196 169	#C7C4A9
33.3%	33.3% #CFCCB4	RGB 207 204 180	#CFCCB4
50.0%	50.0% #D6D4BF	RGB 214 212 191	#D6D4BF
66.7%	66.7% #DEDCCB	RGB 222 220 203	#DEDCCB
83.3%	83.3% #E5E4D6	RGB 229 228 214	#E5E4D6
100.0%	100.0% #EDECE3	RGB 237 236 227	#EDECE3

#C0BD9F #C7C4A9 #CFCCB4 #D6D4BF #DEDCCB #E5E4D6 #EDECE3

#C0BD9F - #D6D4BF - #EDECE3

Códigos CSS

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

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