#91CECE - #CFE0BB | 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 #91CECE a #CFE0BB

#91CECE #CFE0BB

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

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

0.0%	0.0% #91CECE	RGB 145 206 206	#91CECE
16.7%	16.7% #9BD1CA	RGB 155 209 202	#9BD1CA
33.3%	33.3% #A5D4C7	RGB 165 212 199	#A5D4C7
50.0%	50.0% #B0D7C4	RGB 176 215 196	#B0D7C4
66.7%	66.7% #BADAC1	RGB 186 218 193	#BADAC1
83.3%	83.3% #C4DDBE	RGB 196 221 190	#C4DDBE
100.0%	100.0% #CFE0BB	RGB 207 224 187	#CFE0BB

#91CECE #9BD1CA #A5D4C7 #B0D7C4 #BADAC1 #C4DDBE #CFE0BB

#91CECE - #CFE0BB

Mezcla HSV

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

0.0%	0.0% #91CECE	RGB 145 206 206	#91CECE
16.7%	16.7% #97D1C2	RGB 151 209 194	#97D1C2
33.3%	33.3% #9ED4B8	RGB 158 212 184	#9ED4B8
50.0%	50.0% #A5D7B0	RGB 165 215 176	#A5D7B0
66.7%	66.7% #ADDAAC	RGB 173 218 172	#ADDAAC
83.3%	83.3% #BFDDB3	RGB 191 221 179	#BFDDB3
100.0%	100.0% #CFE0BB	RGB 207 224 187	#CFE0BB

#91CECE #97D1C2 #9ED4B8 #A5D7B0 #ADDAAC #BFDDB3 #CFE0BB

#91CECE - #A5D7B0 - #CFE0BB

Códigos CSS

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

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