#A2919D - #E4DFE2 | 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 #A2919D a #E4DFE2

#A2919D #E4DFE2

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

#A2919D - #E4DFE2 | 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 #A2919D como 0% y #E4DFE2 como 100%.

0.0%	0.0% #A2919D	RGB 162 145 157	#A2919D
16.7%	16.7% #AD9EA8	RGB 173 158 168	#AD9EA8
33.3%	33.3% #B8ABB4	RGB 184 171 180	#B8ABB4
50.0%	50.0% #C3B8BF	RGB 195 184 191	#C3B8BF
66.7%	66.7% #CEC5CB	RGB 206 197 203	#CEC5CB
83.3%	83.3% #D9D2D6	RGB 217 210 214	#D9D2D6
100.0%	100.0% #E4DFE2	RGB 228 223 226	#E4DFE2

#A2919D #AD9EA8 #B8ABB4 #C3B8BF #CEC5CB #D9D2D6 #E4DFE2

#A2919D - #E4DFE2

Mezcla HSV

#A2919D - #E4DFE2 | 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 #A2919D como 0% y #E4DFE2 como 100%.

0.0%	0.0% #A2919D	RGB 162 145 157	#A2919D
16.7%	16.7% #AD9DA8	RGB 173 157 168	#AD9DA8
33.3%	33.3% #B8A9B3	RGB 184 169 179	#B8A9B3
50.0%	50.0% #C3B6BE	RGB 195 182 190	#C3B6BE
66.7%	66.7% #CEC3CA	RGB 206 195 202	#CEC3CA
83.3%	83.3% #D9D1D6	RGB 217 209 214	#D9D1D6
100.0%	100.0% #E4DFE2	RGB 228 223 226	#E4DFE2

#A2919D #AD9DA8 #B8A9B3 #C3B6BE #CEC3CA #D9D1D6 #E4DFE2

#A2919D - #C3B6BE - #E4DFE2

Códigos CSS

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

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