#FFB6BB - #FFEAEB | 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 #FFB6BB a #FFEAEB

#FFB6BB #FFEAEB

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

#FFB6BB - #FFEAEB | 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 #FFB6BB como 0% y #FFEAEB como 100%.

0.0%	0.0% #FFB6BB	RGB 255 182 187	#FFB6BB
16.7%	16.7% #FFBEC3	RGB 255 190 195	#FFBEC3
33.3%	33.3% #FFC7CB	RGB 255 199 203	#FFC7CB
50.0%	50.0% #FFD0D3	RGB 255 208 211	#FFD0D3
66.7%	66.7% #FFD8DB	RGB 255 216 219	#FFD8DB
83.3%	83.3% #FFE1E3	RGB 255 225 227	#FFE1E3
100.0%	100.0% #FFEAEB	RGB 255 234 235	#FFEAEB

#FFB6BB #FFBEC3 #FFC7CB #FFD0D3 #FFD8DB #FFE1E3 #FFEAEB

#FFB6BB - #FFEAEB

Mezcla HSV

#FFB6BB - #FFEAEB | 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 #FFB6BB como 0% y #FFEAEB como 100%.

0.0%	0.0% #FFB6BB	RGB 255 182 187	#FFB6BB
16.7%	16.7% #FFBEC2	RGB 255 190 194	#FFBEC2
33.3%	33.3% #FFC7CA	RGB 255 199 202	#FFC7CA
50.0%	50.0% #FFD0D2	RGB 255 208 210	#FFD0D2
66.7%	66.7% #FFD8DA	RGB 255 216 218	#FFD8DA
83.3%	83.3% #FFE1E2	RGB 255 225 226	#FFE1E2
100.0%	100.0% #FFEAEB	RGB 255 234 235	#FFEAEB

#FFB6BB #FFBEC2 #FFC7CA #FFD0D2 #FFD8DA #FFE1E2 #FFEAEB

#FFB6BB - #FFD0D2 - #FFEAEB

Códigos CSS

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

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