#D4B5E3 - #A84EB5 | 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 #D4B5E3 a #A84EB5

#D4B5E3 #A84EB5

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

#D4B5E3 - #A84EB5 | 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 #D4B5E3 como 0% y #A84EB5 como 100%.

0.0%	0.0% #D4B5E3	RGB 212 181 227	#D4B5E3
16.7%	16.7% #CCA3DB	RGB 204 163 219	#CCA3DB
33.3%	33.3% #C592D3	RGB 197 146 211	#C592D3
50.0%	50.0% #BE81CC	RGB 190 129 204	#BE81CC
66.7%	66.7% #B670C4	RGB 182 112 196	#B670C4
83.3%	83.3% #AF5FBC	RGB 175 95 188	#AF5FBC
100.0%	100.0% #A84EB5	RGB 168 78 181	#A84EB5

#D4B5E3 #CCA3DB #C592D3 #BE81CC #B670C4 #AF5FBC #A84EB5

#D4B5E3 - #A84EB5

Mezcla HSV

#D4B5E3 - #A84EB5 | 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 #D4B5E3 como 0% y #A84EB5 como 100%.

0.0%	0.0% #D4B5E3	RGB 212 181 227	#D4B5E3
16.7%	16.7% #CAA1DB	RGB 202 161 219	#CAA1DB
33.3%	33.3% #C18ED3	RGB 193 142 211	#C18ED3
50.0%	50.0% #BA7DCC	RGB 186 125 204	#BA7DCC
66.7%	66.7% #B36CC4	RGB 179 108 196	#B36CC4
83.3%	83.3% #AD5CBC	RGB 173 92 188	#AD5CBC
100.0%	100.0% #A84EB5	RGB 168 78 181	#A84EB5

#D4B5E3 #CAA1DB #C18ED3 #BA7DCC #B36CC4 #AD5CBC #A84EB5

#D4B5E3 - #BA7DCC - #A84EB5

Códigos CSS

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

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