#AD4A8C - #E7CBDE | 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 #AD4A8C a #E7CBDE

#AD4A8C #E7CBDE

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

#AD4A8C - #E7CBDE | 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 #AD4A8C como 0% y #E7CBDE como 100%.

0.0%	0.0% #AD4A8C	RGB 173 74 140	#AD4A8C
16.7%	16.7% #B65F99	RGB 182 95 153	#B65F99
33.3%	33.3% #C075A7	RGB 192 117 167	#C075A7
50.0%	50.0% #CA8AB5	RGB 202 138 181	#CA8AB5
66.7%	66.7% #D3A0C2	RGB 211 160 194	#D3A0C2
83.3%	83.3% #DDB5D0	RGB 221 181 208	#DDB5D0
100.0%	100.0% #E7CBDE	RGB 231 203 222	#E7CBDE

#AD4A8C #B65F99 #C075A7 #CA8AB5 #D3A0C2 #DDB5D0 #E7CBDE

#AD4A8C - #E7CBDE

Mezcla HSV

#AD4A8C - #E7CBDE | 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 #AD4A8C como 0% y #E7CBDE como 100%.

0.0%	0.0% #AD4A8C	RGB 173 74 140	#AD4A8C
16.7%	16.7% #B65B98	RGB 182 91 152	#B65B98
33.3%	33.3% #C06FA5	RGB 192 111 165	#C06FA5
50.0%	50.0% #CA83B3	RGB 202 131 179	#CA83B3
66.7%	66.7% #D39AC0	RGB 211 154 192	#D39AC0
83.3%	83.3% #DDB1CF	RGB 221 177 207	#DDB1CF
100.0%	100.0% #E7CBDE	RGB 231 203 222	#E7CBDE

#AD4A8C #B65B98 #C06FA5 #CA83B3 #D39AC0 #DDB1CF #E7CBDE

#AD4A8C - #CA83B3 - #E7CBDE

Códigos CSS

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

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