#91CECE - #DFF1F1 | 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 #DFF1F1

#91CECE #DFF1F1

Calcule el color entre dos colores, #91CECE y #DFF1F1. 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 - #DFF1F1 | 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 #DFF1F1 como 100%.

0.0%	0.0% #91CECE	RGB 145 206 206	#91CECE
16.7%	16.7% #9ED3D3	RGB 158 211 211	#9ED3D3
33.3%	33.3% #ABD9D9	RGB 171 217 217	#ABD9D9
50.0%	50.0% #B8DFDF	RGB 184 223 223	#B8DFDF
66.7%	66.7% #C5E5E5	RGB 197 229 229	#C5E5E5
83.3%	83.3% #D2EBEB	RGB 210 235 235	#D2EBEB
100.0%	100.0% #DFF1F1	RGB 223 241 241	#DFF1F1

#91CECE #9ED3D3 #ABD9D9 #B8DFDF #C5E5E5 #D2EBEB #DFF1F1

#91CECE - #DFF1F1

Mezcla HSV

#91CECE - #DFF1F1 | 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 #DFF1F1 como 100%.

0.0%	0.0% #91CECE	RGB 145 206 206	#91CECE
16.7%	16.7% #9CD3D3	RGB 156 211 211	#9CD3D3
33.3%	33.3% #A9D9D9	RGB 169 217 217	#A9D9D9
50.0%	50.0% #B6DFDF	RGB 182 223 223	#B6DFDF
66.7%	66.7% #C3E5E5	RGB 195 229 229	#C3E5E5
83.3%	83.3% #D0EBEB	RGB 208 235 235	#D0EBEB
100.0%	100.0% #DFF1F1	RGB 223 241 241	#DFF1F1

#91CECE #9CD3D3 #A9D9D9 #B6DFDF #C3E5E5 #D0EBEB #DFF1F1

#91CECE - #B6DFDF - #DFF1F1

Códigos CSS

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

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