#E5B5E2 - #C0489F | 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 #E5B5E2 a #C0489F

#E5B5E2 #C0489F

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

#E5B5E2 - #C0489F | 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 #E5B5E2 como 0% y #C0489F como 100%.

0.0%	0.0% #E5B5E2	RGB 229 181 226	#E5B5E2
16.7%	16.7% #DEA2D6	RGB 222 162 214	#DEA2D6
33.3%	33.3% #D890CB	RGB 216 144 203	#D890CB
50.0%	50.0% #D27EC0	RGB 210 126 192	#D27EC0
66.7%	66.7% #CC6CB5	RGB 204 108 181	#CC6CB5
83.3%	83.3% #C65AAA	RGB 198 90 170	#C65AAA
100.0%	100.0% #C0489F	RGB 192 72 159	#C0489F

#E5B5E2 #DEA2D6 #D890CB #D27EC0 #CC6CB5 #C65AAA #C0489F

#E5B5E2 - #C0489F

Mezcla HSV

#E5B5E2 - #C0489F | 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 #E5B5E2 como 0% y #C0489F como 100%.

0.0%	0.0% #E5B5E2	RGB 229 181 226	#E5B5E2
16.7%	16.7% #DEA0D8	RGB 222 160 216	#DEA0D8
33.3%	33.3% #D88DCE	RGB 216 141 206	#D88DCE
50.0%	50.0% #D27AC3	RGB 210 122 195	#D27AC3
66.7%	66.7% #CC68B8	RGB 204 104 184	#CC68B8
83.3%	83.3% #C658AB	RGB 198 88 171	#C658AB
100.0%	100.0% #C0489F	RGB 192 72 159	#C0489F

#E5B5E2 #DEA0D8 #D88DCE #D27AC3 #CC68B8 #C658AB #C0489F

#E5B5E2 - #D27AC3 - #C0489F

Códigos CSS

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

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