#910057 - #DFB6CF | 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 #910057 a #DFB6CF

#910057 #DFB6CF

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

#910057 - #DFB6CF | 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 #910057 como 0% y #DFB6CF como 100%.

0.0%	0.0% #910057	RGB 145 0 87	#910057
16.7%	16.7% #9E1E6B	RGB 158 30 107	#9E1E6B
33.3%	33.3% #AB3C7F	RGB 171 60 127	#AB3C7F
50.0%	50.0% #B85B93	RGB 184 91 147	#B85B93
66.7%	66.7% #C579A7	RGB 197 121 167	#C579A7
83.3%	83.3% #D297BB	RGB 210 151 187	#D297BB
100.0%	100.0% #DFB6CF	RGB 223 182 207	#DFB6CF

#910057 #9E1E6B #AB3C7F #B85B93 #C579A7 #D297BB #DFB6CF

#910057 - #DFB6CF

Mezcla HSV

#910057 - #DFB6CF | 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 #910057 como 0% y #DFB6CF como 100%.

0.0%	0.0% #910057	RGB 145 0 87	#910057
16.7%	16.7% #9E1567	RGB 158 21 103	#9E1567
33.3%	33.3% #AB2E79	RGB 171 46 121	#AB2E79
50.0%	50.0% #B84B8C	RGB 184 75 140	#B84B8C
66.7%	66.7% #C56BA1	RGB 197 107 161	#C56BA1
83.3%	83.3% #D28EB7	RGB 210 142 183	#D28EB7
100.0%	100.0% #DFB6CF	RGB 223 182 207	#DFB6CF

#910057 #9E1567 #AB2E79 #B84B8C #C56BA1 #D28EB7 #DFB6CF

#910057 - #B84B8C - #DFB6CF

Códigos CSS

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

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