#DB5E8F - #8D174C | 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 #DB5E8F a #8D174C

#DB5E8F #8D174C

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

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

0.0%	0.0% #DB5E8F	RGB 219 94 143	#DB5E8F
16.7%	16.7% #CE5283	RGB 206 82 131	#CE5283
33.3%	33.3% #C14678	RGB 193 70 120	#C14678
50.0%	50.0% #B43A6D	RGB 180 58 109	#B43A6D
66.7%	66.7% #A72E62	RGB 167 46 98	#A72E62
83.3%	83.3% #9A2257	RGB 154 34 87	#9A2257
100.0%	100.0% #8D174C	RGB 141 23 76	#8D174C

#DB5E8F #CE5283 #C14678 #B43A6D #A72E62 #9A2257 #8D174C

#DB5E8F - #8D174C

Mezcla HSV

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

0.0%	0.0% #DB5E8E	RGB 219 94 142	#DB5E8E
16.7%	16.7% #CE4F82	RGB 206 79 130	#CE4F82
33.3%	33.3% #C14176	RGB 193 65 118	#C14176
50.0%	50.0% #B4356A	RGB 180 53 106	#B4356A
66.7%	66.7% #A72A5F	RGB 167 42 95	#A72A5F
83.3%	83.3% #9A1F55	RGB 154 31 85	#9A1F55
100.0%	100.0% #8D174C	RGB 141 23 76	#8D174C

#DB5E8E #CE4F82 #C14176 #B4356A #A72A5F #9A1F55 #8D174C

#DB5E8F - #B4356A - #8D174C

Códigos CSS

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

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