#FFB6AD - #FFEAE7 | 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 #FFB6AD a #FFEAE7

#FFB6AD #FFEAE7

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

#FFB6AD - #FFEAE7 | 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 #FFB6AD como 0% y #FFEAE7 como 100%.

0.0%	0.0% #FFB6AD	RGB 255 182 173	#FFB6AD
16.7%	16.7% #FFBEB6	RGB 255 190 182	#FFBEB6
33.3%	33.3% #FFC7C0	RGB 255 199 192	#FFC7C0
50.0%	50.0% #FFD0CA	RGB 255 208 202	#FFD0CA
66.7%	66.7% #FFD8D3	RGB 255 216 211	#FFD8D3
83.3%	83.3% #FFE1DD	RGB 255 225 221	#FFE1DD
100.0%	100.0% #FFEAE7	RGB 255 234 231	#FFEAE7

#FFB6AD #FFBEB6 #FFC7C0 #FFD0CA #FFD8D3 #FFE1DD #FFEAE7

#FFB6AD - #FFEAE7

Mezcla HSV

#FFB6AD - #FFEAE7 | 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 #FFB6AD como 0% y #FFEAE7 como 100%.

0.0%	0.0% #FFB6AD	RGB 255 182 173	#FFB6AD
16.7%	16.7% #FFBEB6	RGB 255 190 182	#FFBEB6
33.3%	33.3% #FFC7C0	RGB 255 199 192	#FFC7C0
50.0%	50.0% #FFD0CA	RGB 255 208 202	#FFD0CA
66.7%	66.7% #FFD8D3	RGB 255 216 211	#FFD8D3
83.3%	83.3% #FFE1DD	RGB 255 225 221	#FFE1DD
100.0%	100.0% #FFEAE7	RGB 255 234 231	#FFEAE7

#FFB6AD #FFBEB6 #FFC7C0 #FFD0CA #FFD8D3 #FFE1DD #FFEAE7

#FFB6AD - #FFD0CA - #FFEAE7

Códigos CSS

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

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