#AC5E7F - #E7D1DB | 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 #AC5E7F a #E7D1DB

#AC5E7F #E7D1DB

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

#AC5E7F - #E7D1DB | 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 #AC5E7F como 0% y #E7D1DB como 100%.

0.0%	0.0% #AC5E7F	RGB 172 94 127	#AC5E7F
16.7%	16.7% #B5718E	RGB 181 113 142	#B5718E
33.3%	33.3% #BF849D	RGB 191 132 157	#BF849D
50.0%	50.0% #C997AD	RGB 201 151 173	#C997AD
66.7%	66.7% #D3AABC	RGB 211 170 188	#D3AABC
83.3%	83.3% #DDBDCB	RGB 221 189 203	#DDBDCB
100.0%	100.0% #E7D1DB	RGB 231 209 219	#E7D1DB

#AC5E7F #B5718E #BF849D #C997AD #D3AABC #DDBDCB #E7D1DB

#AC5E7F - #E7D1DB

Mezcla HSV

#AC5E7F - #E7D1DB | 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 #AC5E7F como 0% y #E7D1DB como 100%.

0.0%	0.0% #AC5E7F	RGB 172 94 127	#AC5E7F
16.7%	16.7% #B56E8C	RGB 181 110 140	#B56E8C
33.3%	33.3% #BF7F9B	RGB 191 127 155	#BF7F9B
50.0%	50.0% #C992AA	RGB 201 146 170	#C992AA
66.7%	66.7% #D3A5BA	RGB 211 165 186	#D3A5BA
83.3%	83.3% #DDBACA	RGB 221 186 202	#DDBACA
100.0%	100.0% #E7D1DB	RGB 231 209 219	#E7D1DB

#AC5E7F #B56E8C #BF7F9B #C992AA #D3A5BA #DDBACA #E7D1DB

#AC5E7F - #C992AA - #E7D1DB

Códigos CSS

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

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