#2A0019 - #C2B6BD | 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 #2A0019 a #C2B6BD

#2A0019 #C2B6BD

Calcule el color entre dos colores, #2A0019 y #C2B6BD. 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)

#2A0019 - #C2B6BD | 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 #2A0019 como 0% y #C2B6BD como 100%.

0.0%	0.0% #2A0019	RGB 42 0 25	#2A0019
16.7%	16.7% #431E34	RGB 67 30 52	#431E34
33.3%	33.3% #5C3C4F	RGB 92 60 79	#5C3C4F
50.0%	50.0% #765B6B	RGB 118 91 107	#765B6B
66.7%	66.7% #8F7986	RGB 143 121 134	#8F7986
83.3%	83.3% #A897A1	RGB 168 151 161	#A897A1
100.0%	100.0% #C2B6BD	RGB 194 182 189	#C2B6BD

#2A0019 #431E34 #5C3C4F #765B6B #8F7986 #A897A1 #C2B6BD

#2A0019 - #C2B6BD

Mezcla HSV

#2A0019 - #C2B6BD | 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 #2A0019 como 0% y #C2B6BD como 100%.

0.0%	0.0% #2A0018	RGB 42 0 24	#2A0018
16.7%	16.7% #430A2C	RGB 67 10 44	#430A2C
33.3%	33.3% #5C1C42	RGB 92 28 66	#5C1C42
50.0%	50.0% #76375C	RGB 118 55 92	#76375C
66.7%	66.7% #8F5979	RGB 143 89 121	#8F5979
83.3%	83.3% #A88399	RGB 168 131 153	#A88399
100.0%	100.0% #C2B6BD	RGB 194 182 189	#C2B6BD

#2A0018 #430A2C #5C1C42 #76375C #8F5979 #A88399 #C2B6BD

#2A0019 - #76375C - #C2B6BD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2A0018 0%, #76375C 50%, #C2B6BD 100%);
    background: -webkit-linear-gradient(top, #2A0018 0%, #76375C 50%, #C2B6BD 100%);
    background: linear-gradient(to bottom, #2A0018 0%, #76375C 50%, #C2B6BD 100%);
}
</style>