#C92D6A - #8C0C36 | 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 #C92D6A a #8C0C36

#C92D6A #8C0C36

Calcule el color entre dos colores, #C92D6A y #8C0C36. 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)

#C92D6A - #8C0C36 | 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 #C92D6A como 0% y #8C0C36 como 100%.

0.0%	0.0% #C92D6A	RGB 201 45 106	#C92D6A
16.7%	16.7% #BE2761	RGB 190 39 97	#BE2761
33.3%	33.3% #B42258	RGB 180 34 88	#B42258
50.0%	50.0% #AA1C50	RGB 170 28 80	#AA1C50
66.7%	66.7% #A01747	RGB 160 23 71	#A01747
83.3%	83.3% #96113E	RGB 150 17 62	#96113E
100.0%	100.0% #8C0C36	RGB 140 12 54	#8C0C36

#C92D6A #BE2761 #B42258 #AA1C50 #A01747 #96113E #8C0C36

#C92D6A - #8C0C36

Mezcla HSV

#C92D6A - #8C0C36 | 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 #C92D6A como 0% y #8C0C36 como 100%.

0.0%	0.0% #C92D6A	RGB 201 45 106	#C92D6A
16.7%	16.7% #BE2660	RGB 190 38 96	#BE2660
33.3%	33.3% #B42057	RGB 180 32 87	#B42057
50.0%	50.0% #AA1A4E	RGB 170 26 78	#AA1A4E
66.7%	66.7% #A01545	RGB 160 21 69	#A01545
83.3%	83.3% #96103D	RGB 150 16 61	#96103D
100.0%	100.0% #8C0C36	RGB 140 12 54	#8C0C36

#C92D6A #BE2660 #B42057 #AA1A4E #A01545 #96103D #8C0C36

#C92D6A - #AA1A4E - #8C0C36

Códigos CSS

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

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