#C0FFD1 - #36483B | 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 #C0FFD1 a #36483B

#C0FFD1 #36483B

Calcule el color entre dos colores, #C0FFD1 y #36483B. 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)

#C0FFD1 - #36483B | 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 #C0FFD1 como 0% y #36483B como 100%.

0.0%	0.0% #C0FFD1	RGB 192 255 209	#C0FFD1
16.7%	16.7% #A9E0B8	RGB 169 224 184	#A9E0B8
33.3%	33.3% #92C29F	RGB 146 194 159	#92C29F
50.0%	50.0% #7BA386	RGB 123 163 134	#7BA386
66.7%	66.7% #64846D	RGB 100 132 109	#64846D
83.3%	83.3% #4D6654	RGB 77 102 84	#4D6654
100.0%	100.0% #36483B	RGB 54 72 59	#36483B

#C0FFD1 #A9E0B8 #92C29F #7BA386 #64846D #4D6654 #36483B

#C0FFD1 - #36483B

Mezcla HSV

#C0FFD1 - #36483B | 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 #C0FFD1 como 0% y #36483B como 100%.

0.0%	0.0% #C0FFD1	RGB 192 255 209	#C0FFD1
16.7%	16.7% #A8E0B7	RGB 168 224 183	#A8E0B7
33.3%	33.3% #91C29E	RGB 145 194 158	#91C29E
50.0%	50.0% #7AA385	RGB 122 163 133	#7AA385
66.7%	66.7% #63846C	RGB 99 132 108	#63846C
83.3%	83.3% #4C6653	RGB 76 102 83	#4C6653
100.0%	100.0% #36483B	RGB 54 72 59	#36483B

#C0FFD1 #A8E0B7 #91C29E #7AA385 #63846C #4C6653 #36483B

#C0FFD1 - #7AA385 - #36483B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0FFD1 0%, #7AA385 50%, #36483B 100%);
    background: -webkit-linear-gradient(top, #C0FFD1 0%, #7AA385 50%, #36483B 100%);
    background: linear-gradient(to bottom, #C0FFD1 0%, #7AA385 50%, #36483B 100%);
}
</style>