#EDA6A8 - #FBE8C0 | 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 #EDA6A8 a #FBE8C0

#EDA6A8 #FBE8C0

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

#EDA6A8 - #FBE8C0 | 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 #EDA6A8 como 0% y #FBE8C0 como 100%.

0.0%	0.0% #EDA6A8	RGB 237 166 168	#EDA6A8
16.7%	16.7% #EFB1AC	RGB 239 177 172	#EFB1AC
33.3%	33.3% #F1BCB0	RGB 241 188 176	#F1BCB0
50.0%	50.0% #F4C7B4	RGB 244 199 180	#F4C7B4
66.7%	66.7% #F6D2B8	RGB 246 210 184	#F6D2B8
83.3%	83.3% #F8DDBC	RGB 248 221 188	#F8DDBC
100.0%	100.0% #FBE8C0	RGB 251 232 192	#FBE8C0

#EDA6A8 #EFB1AC #F1BCB0 #F4C7B4 #F6D2B8 #F8DDBC #FBE8C0

#EDA6A8 - #FBE8C0

Mezcla HSV

#EDA6A8 - #FBE8C0 | 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 #EDA6A8 como 0% y #FBE8C0 como 100%.

0.0%	0.0% #EDA6A8	RGB 237 166 168	#EDA6A8
16.7%	16.7% #EFB0AA	RGB 239 176 170	#EFB0AA
33.3%	33.3% #F1BCAE	RGB 241 188 174	#F1BCAE
50.0%	50.0% #F4C7B2	RGB 244 199 178	#F4C7B2
66.7%	66.7% #F6D3B7	RGB 246 211 183	#F6D3B7
83.3%	83.3% #F8DDBB	RGB 248 221 187	#F8DDBB
100.0%	100.0% #FBE8C0	RGB 251 232 192	#FBE8C0

#EDA6A8 #EFB0AA #F1BCAE #F4C7B2 #F6D3B7 #F8DDBB #FBE8C0

#EDA6A8 - #F4C7B2 - #FBE8C0

Códigos CSS

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

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