#201042 - #814B6B | 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 #201042 a #814B6B

#201042 #814B6B

Calcule el color entre dos colores, #201042 y #814B6B. 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)

#201042 - #814B6B | 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 #201042 como 0% y #814B6B como 100%.

0.0%	0.0% #201042	RGB 32 16 66	#201042
16.7%	16.7% #301948	RGB 48 25 72	#301948
33.3%	33.3% #40234F	RGB 64 35 79	#40234F
50.0%	50.0% #502D56	RGB 80 45 86	#502D56
66.7%	66.7% #60375D	RGB 96 55 93	#60375D
83.3%	83.3% #704164	RGB 112 65 100	#704164
100.0%	100.0% #814B6B	RGB 129 75 107	#814B6B

#201042 #301948 #40234F #502D56 #60375D #704164 #814B6B

#201042 - #814B6B

Mezcla HSV

#201042 - #814B6B | 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 #201042 como 0% y #814B6B como 100%.

0.0%	0.0% #201042	RGB 32 16 66	#201042
16.7%	16.7% #31164C	RGB 49 22 76	#31164C
33.3%	33.3% #451E57	RGB 69 30 87	#451E57
50.0%	50.0% #592861	RGB 89 40 97	#592861
66.7%	66.7% #6C3269	RGB 108 50 105	#6C3269
83.3%	83.3% #763E69	RGB 118 62 105	#763E69
100.0%	100.0% #814B6B	RGB 129 75 107	#814B6B

#201042 #31164C #451E57 #592861 #6C3269 #763E69 #814B6B

#201042 - #592861 - #814B6B

Códigos CSS

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

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