#C0AB9F - #EDE7E3 | 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 #C0AB9F a #EDE7E3

#C0AB9F #EDE7E3

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

#C0AB9F - #EDE7E3 | 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 #C0AB9F como 0% y #EDE7E3 como 100%.

0.0%	0.0% #C0AB9F	RGB 192 171 159	#C0AB9F
16.7%	16.7% #C7B5AA	RGB 199 181 170	#C7B5AA
33.3%	33.3% #CFBFB5	RGB 207 191 181	#CFBFB5
50.0%	50.0% #D6C9C1	RGB 214 201 193	#D6C9C1
66.7%	66.7% #DED3CC	RGB 222 211 204	#DED3CC
83.3%	83.3% #E5DDD7	RGB 229 221 215	#E5DDD7
100.0%	100.0% #EDE7E3	RGB 237 231 227	#EDE7E3

#C0AB9F #C7B5AA #CFBFB5 #D6C9C1 #DED3CC #E5DDD7 #EDE7E3

#C0AB9F - #EDE7E3

Mezcla HSV

#C0AB9F - #EDE7E3 | 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 #C0AB9F como 0% y #EDE7E3 como 100%.

0.0%	0.0% #C0AB9F	RGB 192 171 159	#C0AB9F
16.7%	16.7% #C7B4A9	RGB 199 180 169	#C7B4A9
33.3%	33.3% #CFBEB4	RGB 207 190 180	#CFBEB4
50.0%	50.0% #D6C8BF	RGB 214 200 191	#D6C8BF
66.7%	66.7% #DED2CB	RGB 222 210 203	#DED2CB
83.3%	83.3% #E5DCD6	RGB 229 220 214	#E5DCD6
100.0%	100.0% #EDE7E3	RGB 237 231 227	#EDE7E3

#C0AB9F #C7B4A9 #CFBEB4 #D6C8BF #DED2CB #E5DCD6 #EDE7E3

#C0AB9F - #D6C8BF - #EDE7E3

Códigos CSS

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

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