#DF5E84 - #AF1B46 | 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 #DF5E84 a #AF1B46

#DF5E84 #AF1B46

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

#DF5E84 - #AF1B46 | 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 #DF5E84 como 0% y #AF1B46 como 100%.

0.0%	0.0% #DF5E84	RGB 223 94 132	#DF5E84
16.7%	16.7% #D75279	RGB 215 82 121	#D75279
33.3%	33.3% #CF476F	RGB 207 71 111	#CF476F
50.0%	50.0% #C73C65	RGB 199 60 101	#C73C65
66.7%	66.7% #BF315A	RGB 191 49 90	#BF315A
83.3%	83.3% #B72650	RGB 183 38 80	#B72650
100.0%	100.0% #AF1B46	RGB 175 27 70	#AF1B46

#DF5E84 #D75279 #CF476F #C73C65 #BF315A #B72650 #AF1B46

#DF5E84 - #AF1B46

Mezcla HSV

#DF5E84 - #AF1B46 | 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 #DF5E84 como 0% y #AF1B46 como 100%.

0.0%	0.0% #DF5E84	RGB 223 94 132	#DF5E84
16.7%	16.7% #D75178	RGB 215 81 120	#D75178
33.3%	33.3% #CF446D	RGB 207 68 109	#CF446D
50.0%	50.0% #C73962	RGB 199 57 98	#C73962
66.7%	66.7% #BF2E58	RGB 191 46 88	#BF2E58
83.3%	83.3% #B7244F	RGB 183 36 79	#B7244F
100.0%	100.0% #AF1B46	RGB 175 27 70	#AF1B46

#DF5E84 #D75178 #CF446D #C73962 #BF2E58 #B7244F #AF1B46

#DF5E84 - #C73962 - #AF1B46

Códigos CSS

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

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