#9CDFDF - #E2F5F5 | 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 #9CDFDF a #E2F5F5

#9CDFDF #E2F5F5

Calcule el color entre dos colores, #9CDFDF y #E2F5F5. 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)

#9CDFDF - #E2F5F5 | 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 #9CDFDF como 0% y #E2F5F5 como 100%.

0.0%	0.0% #9CDFDF	RGB 156 223 223	#9CDFDF
16.7%	16.7% #A7E2E2	RGB 167 226 226	#A7E2E2
33.3%	33.3% #B3E6E6	RGB 179 230 230	#B3E6E6
50.0%	50.0% #BFEAEA	RGB 191 234 234	#BFEAEA
66.7%	66.7% #CAEDED	RGB 202 237 237	#CAEDED
83.3%	83.3% #D6F1F1	RGB 214 241 241	#D6F1F1
100.0%	100.0% #E2F5F5	RGB 226 245 245	#E2F5F5

#9CDFDF #A7E2E2 #B3E6E6 #BFEAEA #CAEDED #D6F1F1 #E2F5F5

#9CDFDF - #E2F5F5

Mezcla HSV

#9CDFDF - #E2F5F5 | 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 #9CDFDF como 0% y #E2F5F5 como 100%.

0.0%	0.0% #9CDFDF	RGB 156 223 223	#9CDFDF
16.7%	16.7% #A6E2E2	RGB 166 226 226	#A6E2E2
33.3%	33.3% #B2E6E6	RGB 178 230 230	#B2E6E6
50.0%	50.0% #BDEAEA	RGB 189 234 234	#BDEAEA
66.7%	66.7% #C9EDED	RGB 201 237 237	#C9EDED
83.3%	83.3% #D5F1F1	RGB 213 241 241	#D5F1F1
100.0%	100.0% #E2F5F5	RGB 226 245 245	#E2F5F5

#9CDFDF #A6E2E2 #B2E6E6 #BDEAEA #C9EDED #D5F1F1 #E2F5F5

#9CDFDF - #BDEAEA - #E2F5F5

Códigos CSS

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

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