#E6DADE - #AE8C8D | 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 #E6DADE a #AE8C8D

#E6DADE #AE8C8D

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

#E6DADE - #AE8C8D | 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 #E6DADE como 0% y #AE8C8D como 100%.

0.0%	0.0% #E6DADE	RGB 230 218 222	#E6DADE
16.7%	16.7% #DCCDD0	RGB 220 205 208	#DCCDD0
33.3%	33.3% #D3C0C3	RGB 211 192 195	#D3C0C3
50.0%	50.0% #CAB3B5	RGB 202 179 181	#CAB3B5
66.7%	66.7% #C0A6A8	RGB 192 166 168	#C0A6A8
83.3%	83.3% #B7999A	RGB 183 153 154	#B7999A
100.0%	100.0% #AE8C8D	RGB 174 140 141	#AE8C8D

#E6DADE #DCCDD0 #D3C0C3 #CAB3B5 #C0A6A8 #B7999A #AE8C8D

#E6DADE - #AE8C8D

Mezcla HSV

#E6DADE - #AE8C8D | 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 #E6DADE como 0% y #AE8C8D como 100%.

0.0%	0.0% #E6DADE	RGB 230 218 222	#E6DADE
16.7%	16.7% #DCCBD0	RGB 220 203 208	#DCCBD0
33.3%	33.3% #D3BEC3	RGB 211 190 195	#D3BEC3
50.0%	50.0% #CAB0B5	RGB 202 176 181	#CAB0B5
66.7%	66.7% #C0A4A7	RGB 192 164 167	#C0A4A7
83.3%	83.3% #B7979A	RGB 183 151 154	#B7979A
100.0%	100.0% #AE8C8D	RGB 174 140 141	#AE8C8D

#E6DADE #DCCBD0 #D3BEC3 #CAB0B5 #C0A4A7 #B7979A #AE8C8D

#E6DADE - #CAB0B5 - #AE8C8D

Códigos CSS

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

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