#E4ABC6 - #B7497B | 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 #E4ABC6 a #B7497B

#E4ABC6 #B7497B

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

#E4ABC6 - #B7497B | 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 #E4ABC6 como 0% y #B7497B como 100%.

0.0%	0.0% #E4ABC6	RGB 228 171 198	#E4ABC6
16.7%	16.7% #DC9AB9	RGB 220 154 185	#DC9AB9
33.3%	33.3% #D58AAD	RGB 213 138 173	#D58AAD
50.0%	50.0% #CD7AA0	RGB 205 122 160	#CD7AA0
66.7%	66.7% #C66994	RGB 198 105 148	#C66994
83.3%	83.3% #BE5987	RGB 190 89 135	#BE5987
100.0%	100.0% #B7497B	RGB 183 73 123	#B7497B

#E4ABC6 #DC9AB9 #D58AAD #CD7AA0 #C66994 #BE5987 #B7497B

#E4ABC6 - #B7497B

Mezcla HSV

#E4ABC6 - #B7497B | 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 #E4ABC6 como 0% y #B7497B como 100%.

0.0%	0.0% #E4ABC6	RGB 228 171 198	#E4ABC6
16.7%	16.7% #DC98B8	RGB 220 152 184	#DC98B8
33.3%	33.3% #D586AB	RGB 213 134 171	#D586AB
50.0%	50.0% #CD769E	RGB 205 118 158	#CD769E
66.7%	66.7% #C66692	RGB 198 102 146	#C66692
83.3%	83.3% #BE5786	RGB 190 87 134	#BE5786
100.0%	100.0% #B7497B	RGB 183 73 123	#B7497B

#E4ABC6 #DC98B8 #D586AB #CD769E #C66692 #BE5786 #B7497B

#E4ABC6 - #CD769E - #B7497B

Códigos CSS

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

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