#FFB2BB - #FFE9EB | 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 #FFB2BB a #FFE9EB

#FFB2BB #FFE9EB

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

#FFB2BB - #FFE9EB | 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 #FFB2BB como 0% y #FFE9EB como 100%.

0.0%	0.0% #FFB2BB	RGB 255 178 187	#FFB2BB
16.7%	16.7% #FFBBC3	RGB 255 187 195	#FFBBC3
33.3%	33.3% #FFC4CB	RGB 255 196 203	#FFC4CB
50.0%	50.0% #FFCDD3	RGB 255 205 211	#FFCDD3
66.7%	66.7% #FFD6DB	RGB 255 214 219	#FFD6DB
83.3%	83.3% #FFDFE3	RGB 255 223 227	#FFDFE3
100.0%	100.0% #FFE9EB	RGB 255 233 235	#FFE9EB

#FFB2BB #FFBBC3 #FFC4CB #FFCDD3 #FFD6DB #FFDFE3 #FFE9EB

#FFB2BB - #FFE9EB

Mezcla HSV

#FFB2BB - #FFE9EB | 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 #FFB2BB como 0% y #FFE9EB como 100%.

0.0%	0.0% #FFB2BB	RGB 255 178 187	#FFB2BB
16.7%	16.7% #FFBBC2	RGB 255 187 194	#FFBBC2
33.3%	33.3% #FFC4CA	RGB 255 196 202	#FFC4CA
50.0%	50.0% #FFCDD2	RGB 255 205 210	#FFCDD2
66.7%	66.7% #FFD6DA	RGB 255 214 218	#FFD6DA
83.3%	83.3% #FFDFE2	RGB 255 223 226	#FFDFE2
100.0%	100.0% #FFE9EB	RGB 255 233 235	#FFE9EB

#FFB2BB #FFBBC2 #FFC4CA #FFCDD2 #FFD6DA #FFDFE2 #FFE9EB

#FFB2BB - #FFCDD2 - #FFE9EB

Códigos CSS

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

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