#A8596B - #E6CFD4 | 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 #A8596B a #E6CFD4

#A8596B #E6CFD4

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

#A8596B - #E6CFD4 | 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 #A8596B como 0% y #E6CFD4 como 100%.

0.0%	0.0% #A8596B	RGB 168 89 107	#A8596B
16.7%	16.7% #B26C7C	RGB 178 108 124	#B26C7C
33.3%	33.3% #BC808E	RGB 188 128 142	#BC808E
50.0%	50.0% #C7949F	RGB 199 148 159	#C7949F
66.7%	66.7% #D1A7B1	RGB 209 167 177	#D1A7B1
83.3%	83.3% #DBBBC2	RGB 219 187 194	#DBBBC2
100.0%	100.0% #E6CFD4	RGB 230 207 212	#E6CFD4

#A8596B #B26C7C #BC808E #C7949F #D1A7B1 #DBBBC2 #E6CFD4

#A8596B - #E6CFD4

Mezcla HSV

#A8596B - #E6CFD4 | 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 #A8596B como 0% y #E6CFD4 como 100%.

0.0%	0.0% #A8596B	RGB 168 89 107	#A8596B
16.7%	16.7% #B26979	RGB 178 105 121	#B26979
33.3%	33.3% #BC7B89	RGB 188 123 137	#BC7B89
50.0%	50.0% #C78E9A	RGB 199 142 154	#C78E9A
66.7%	66.7% #D1A2AC	RGB 209 162 172	#D1A2AC
83.3%	83.3% #DBB8BF	RGB 219 184 191	#DBB8BF
100.0%	100.0% #E6CFD4	RGB 230 207 212	#E6CFD4

#A8596B #B26979 #BC7B89 #C78E9A #D1A2AC #DBB8BF #E6CFD4

#A8596B - #C78E9A - #E6CFD4

Códigos CSS

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

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