#701944 - #AD3F90 | 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 #701944 a #AD3F90

#701944 #AD3F90

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

#701944 - #AD3F90 | 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 #701944 como 0% y #AD3F90 como 100%.

0.0%	0.0% #701944	RGB 112 25 68	#701944
16.7%	16.7% #7A1F50	RGB 122 31 80	#7A1F50
33.3%	33.3% #84255D	RGB 132 37 93	#84255D
50.0%	50.0% #8E2C6A	RGB 142 44 106	#8E2C6A
66.7%	66.7% #983276	RGB 152 50 118	#983276
83.3%	83.3% #A23883	RGB 162 56 131	#A23883
100.0%	100.0% #AD3F90	RGB 173 63 144	#AD3F90

#701944 #7A1F50 #84255D #8E2C6A #983276 #A23883 #AD3F90

#701944 - #AD3F90

Mezcla HSV

#701944 - #AD3F90 | 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 #701944 como 0% y #AD3F90 como 100%.

0.0%	0.0% #701943	RGB 112 25 67	#701943
16.7%	16.7% #7A1E4F	RGB 122 30 79	#7A1E4F
33.3%	33.3% #84235B	RGB 132 35 91	#84235B
50.0%	50.0% #8E2967	RGB 142 41 103	#8E2967
66.7%	66.7% #983074	RGB 152 48 116	#983074
83.3%	83.3% #A23782	RGB 162 55 130	#A23782
100.0%	100.0% #AD3F90	RGB 173 63 144	#AD3F90

#701943 #7A1E4F #84235B #8E2967 #983074 #A23782 #AD3F90

#701944 - #8E2967 - #AD3F90

Códigos CSS

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

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