#261350 - #8B5179 | 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 #261350 a #8B5179

#261350 #8B5179

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

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

0.0%	0.0% #261350	RGB 38 19 80	#261350
16.7%	16.7% #361D56	RGB 54 29 86	#361D56
33.3%	33.3% #47275D	RGB 71 39 93	#47275D
50.0%	50.0% #583264	RGB 88 50 100	#583264
66.7%	66.7% #693C6B	RGB 105 60 107	#693C6B
83.3%	83.3% #7A4672	RGB 122 70 114	#7A4672
100.0%	100.0% #8B5179	RGB 139 81 121	#8B5179

#261350 #361D56 #47275D #583264 #693C6B #7A4672 #8B5179

#261350 - #8B5179

Mezcla HSV

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

0.0%	0.0% #261350	RGB 38 19 80	#261350
16.7%	16.7% #381A59	RGB 56 26 89	#381A59
33.3%	33.3% #4C2363	RGB 76 35 99	#4C2363
50.0%	50.0% #612C6D	RGB 97 44 109	#612C6D
66.7%	66.7% #753777	RGB 117 55 119	#753777
83.3%	83.3% #814378	RGB 129 67 120	#814378
100.0%	100.0% #8B5179	RGB 139 81 121	#8B5179

#261350 #381A59 #4C2363 #612C6D #753777 #814378 #8B5179

#261350 - #612C6D - #8B5179

Códigos CSS

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

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