#EDB2B2 - #DC5E5C | 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 #EDB2B2 a #DC5E5C

#EDB2B2 #DC5E5C

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

#EDB2B2 - #DC5E5C | 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 #EDB2B2 como 0% y #DC5E5C como 100%.

0.0%	0.0% #EDB2B2	RGB 237 178 178	#EDB2B2
16.7%	16.7% #EAA4A3	RGB 234 164 163	#EAA4A3
33.3%	33.3% #E79695	RGB 231 150 149	#E79695
50.0%	50.0% #E48887	RGB 228 136 135	#E48887
66.7%	66.7% #E17A78	RGB 225 122 120	#E17A78
83.3%	83.3% #DE6C6A	RGB 222 108 106	#DE6C6A
100.0%	100.0% #DC5E5C	RGB 220 94 92	#DC5E5C

#EDB2B2 #EAA4A3 #E79695 #E48887 #E17A78 #DE6C6A #DC5E5C

#EDB2B2 - #DC5E5C

Mezcla HSV

#EDB2B2 - #DC5E5C | 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 #EDB2B2 como 0% y #DC5E5C como 100%.

0.0%	0.0% #EDB2B2	RGB 237 178 178	#EDB2B2
16.7%	16.7% #EAA3A2	RGB 234 163 162	#EAA3A2
33.3%	33.3% #E79494	RGB 231 148 148	#E79494
50.0%	50.0% #E48685	RGB 228 134 133	#E48685
66.7%	66.7% #E17877	RGB 225 120 119	#E17877
83.3%	83.3% #DE6B69	RGB 222 107 105	#DE6B69
100.0%	100.0% #DC5E5C	RGB 220 94 92	#DC5E5C

#EDB2B2 #EAA3A2 #E79494 #E48685 #E17877 #DE6B69 #DC5E5C

#EDB2B2 - #E48685 - #DC5E5C

Códigos CSS

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

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