#C88C8C - #AB3E38 | 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 #C88C8C a #AB3E38

#C88C8C #AB3E38

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

#C88C8C - #AB3E38 | 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 #C88C8C como 0% y #AB3E38 como 100%.

0.0%	0.0% #C88C8C	RGB 200 140 140	#C88C8C
16.7%	16.7% #C37F7E	RGB 195 127 126	#C37F7E
33.3%	33.3% #BE7270	RGB 190 114 112	#BE7270
50.0%	50.0% #B96562	RGB 185 101 98	#B96562
66.7%	66.7% #B45854	RGB 180 88 84	#B45854
83.3%	83.3% #AF4B46	RGB 175 75 70	#AF4B46
100.0%	100.0% #AB3E38	RGB 171 62 56	#AB3E38

#C88C8C #C37F7E #BE7270 #B96562 #B45854 #AF4B46 #AB3E38

#C88C8C - #AB3E38

Mezcla HSV

#C88C8C - #AB3E38 | 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 #C88C8C como 0% y #AB3E38 como 100%.

0.0%	0.0% #C88C8C	RGB 200 140 140	#C88C8C
16.7%	16.7% #C37D7C	RGB 195 125 124	#C37D7C
33.3%	33.3% #BE6F6D	RGB 190 111 109	#BE6F6D
50.0%	50.0% #B9615F	RGB 185 97 95	#B9615F
66.7%	66.7% #B45551	RGB 180 85 81	#B45551
83.3%	83.3% #AF4944	RGB 175 73 68	#AF4944
100.0%	100.0% #AB3E38	RGB 171 62 56	#AB3E38

#C88C8C #C37D7C #BE6F6D #B9615F #B45551 #AF4944 #AB3E38

#C88C8C - #B9615F - #AB3E38

Códigos CSS

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

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