#EB6D9D - #FFD0BA | 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 #EB6D9D a #FFD0BA

#EB6D9D #FFD0BA

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

#EB6D9D - #FFD0BA | 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 #EB6D9D como 0% y #FFD0BA como 100%.

0.0%	0.0% #EB6D9D	RGB 235 109 157	#EB6D9D
16.7%	16.7% #EE7DA1	RGB 238 125 161	#EE7DA1
33.3%	33.3% #F18EA6	RGB 241 142 166	#F18EA6
50.0%	50.0% #F59EAB	RGB 245 158 171	#F59EAB
66.7%	66.7% #F8AFB0	RGB 248 175 176	#F8AFB0
83.3%	83.3% #FBBFB5	RGB 251 191 181	#FBBFB5
100.0%	100.0% #FFD0BA	RGB 255 208 186	#FFD0BA

#EB6D9D #EE7DA1 #F18EA6 #F59EAB #F8AFB0 #FBBFB5 #FFD0BA

#EB6D9D - #FFD0BA

Mezcla HSV

#EB6D9D - #FFD0BA | 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 #EB6D9D como 0% y #FFD0BA como 100%.

0.0%	0.0% #EB6D9D	RGB 235 109 157	#EB6D9D
16.7%	16.7% #EE7998	RGB 238 121 152	#EE7998
33.3%	33.3% #F18595	RGB 241 133 149	#F18595
50.0%	50.0% #F59295	RGB 245 146 149	#F59295
66.7%	66.7% #F8A69F	RGB 248 166 159	#F8A69F
83.3%	83.3% #FBBCAC	RGB 251 188 172	#FBBCAC
100.0%	100.0% #FFD0BA	RGB 255 208 186	#FFD0BA

#EB6D9D #EE7998 #F18595 #F59295 #F8A69F #FBBCAC #FFD0BA

#EB6D9D - #F59295 - #FFD0BA

Códigos CSS

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

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