#CE5C9A - #3A1A2C | 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 #CE5C9A a #3A1A2C

#CE5C9A #3A1A2C

Calcule el color entre dos colores, #CE5C9A y #3A1A2C. 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)

#CE5C9A - #3A1A2C | 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 #CE5C9A como 0% y #3A1A2C como 100%.

0.0%	0.0% #CE5C9A	RGB 206 92 154	#CE5C9A
16.7%	16.7% #B55187	RGB 181 81 135	#B55187
33.3%	33.3% #9C4675	RGB 156 70 117	#9C4675
50.0%	50.0% #843B63	RGB 132 59 99	#843B63
66.7%	66.7% #6B3050	RGB 107 48 80	#6B3050
83.3%	83.3% #52253E	RGB 82 37 62	#52253E
100.0%	100.0% #3A1A2C	RGB 58 26 44	#3A1A2C

#CE5C9A #B55187 #9C4675 #843B63 #6B3050 #52253E #3A1A2C

#CE5C9A - #3A1A2C

Mezcla HSV

#CE5C9A - #3A1A2C | 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 #CE5C9A como 0% y #3A1A2C como 100%.

0.0%	0.0% #CE5C9A	RGB 206 92 154	#CE5C9A
16.7%	16.7% #B55187	RGB 181 81 135	#B55187
33.3%	33.3% #9C4675	RGB 156 70 117	#9C4675
50.0%	50.0% #843B63	RGB 132 59 99	#843B63
66.7%	66.7% #6B3051	RGB 107 48 81	#6B3051
83.3%	83.3% #52253E	RGB 82 37 62	#52253E
100.0%	100.0% #3A1A2C	RGB 58 26 44	#3A1A2C

#CE5C9A #B55187 #9C4675 #843B63 #6B3051 #52253E #3A1A2C

#CE5C9A - #843B63 - #3A1A2C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CE5C9A 0%, #843B63 50%, #3A1A2C 100%);
    background: -webkit-linear-gradient(top, #CE5C9A 0%, #843B63 50%, #3A1A2C 100%);
    background: linear-gradient(to bottom, #CE5C9A 0%, #843B63 50%, #3A1A2C 100%);
}
</style>