#612F3C - #C67059 | 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 #612F3C a #C67059

#612F3C #C67059

Calcule el color entre dos colores, #612F3C y #C67059. 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)

#612F3C - #C67059 | 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 #612F3C como 0% y #C67059 como 100%.

0.0%	0.0% #612F3C	RGB 97 47 60	#612F3C
16.7%	16.7% #713940	RGB 113 57 64	#713940
33.3%	33.3% #824445	RGB 130 68 69	#824445
50.0%	50.0% #934F4A	RGB 147 79 74	#934F4A
66.7%	66.7% #A45A4F	RGB 164 90 79	#A45A4F
83.3%	83.3% #B56554	RGB 181 101 84	#B56554
100.0%	100.0% #C67059	RGB 198 112 89	#C67059

#612F3C #713940 #824445 #934F4A #A45A4F #B56554 #C67059

#612F3C - #C67059

Mezcla HSV

#612F3C - #C67059 | 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 #612F3C como 0% y #C67059 como 100%.

0.0%	0.0% #612F3C	RGB 97 47 60	#612F3C
16.7%	16.7% #713641	RGB 113 54 65	#713641
33.3%	33.3% #823D44	RGB 130 61 68	#823D44
50.0%	50.0% #934446	RGB 147 68 70	#934446
66.7%	66.7% #A4504B	RGB 164 80 75	#A4504B
83.3%	83.3% #B55F52	RGB 181 95 82	#B55F52
100.0%	100.0% #C67059	RGB 198 112 89	#C67059

#612F3C #713641 #823D44 #934446 #A4504B #B55F52 #C67059

#612F3C - #934446 - #C67059

Códigos CSS

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

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