#91D5E3 - #EEE4DC | 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 #91D5E3 a #EEE4DC

#91D5E3 #EEE4DC

Calcule el color entre dos colores, #91D5E3 y #EEE4DC. 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)

#91D5E3 - #EEE4DC | 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 #91D5E3 como 0% y #EEE4DC como 100%.

0.0%	0.0% #91D5E3	RGB 145 213 227	#91D5E3
16.7%	16.7% #A0D7E1	RGB 160 215 225	#A0D7E1
33.3%	33.3% #B0DAE0	RGB 176 218 224	#B0DAE0
50.0%	50.0% #BFDCDF	RGB 191 220 223	#BFDCDF
66.7%	66.7% #CFDFDE	RGB 207 223 222	#CFDFDE
83.3%	83.3% #DEE1DD	RGB 222 225 221	#DEE1DD
100.0%	100.0% #EEE4DC	RGB 238 228 220	#EEE4DC

#91D5E3 #A0D7E1 #B0DAE0 #BFDCDF #CFDFDE #DEE1DD #EEE4DC

#91D5E3 - #EEE4DC

Mezcla HSV

#91D5E3 - #EEE4DC | 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 #91D5E3 como 0% y #EEE4DC como 100%.

0.0%	0.0% #91D5E3	RGB 145 213 227	#91D5E3
16.7%	16.7% #9DE4D0	RGB 157 228 208	#9DE4D0
33.3%	33.3% #A9E6B9	RGB 169 230 185	#A9E6B9
50.0%	50.0% #BFE8B5	RGB 191 232 181	#BFE8B5
66.7%	66.7% #DCEAC2	RGB 220 234 194	#DCEAC2
83.3%	83.3% #ECE9CF	RGB 236 233 207	#ECE9CF
100.0%	100.0% #EEE4DC	RGB 238 228 220	#EEE4DC

#91D5E3 #9DE4D0 #A9E6B9 #BFE8B5 #DCEAC2 #ECE9CF #EEE4DC

#91D5E3 - #BFE8B5 - #EEE4DC

Códigos CSS

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

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