#EDEEEE - #8BC3C2 | 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 #EDEEEE a #8BC3C2

#EDEEEE #8BC3C2

Calcule el color entre dos colores, #EDEEEE y #8BC3C2. 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)

#EDEEEE - #8BC3C2 | 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 #EDEEEE como 0% y #8BC3C2 como 100%.

0.0%	0.0% #EDEEEE	RGB 237 238 238	#EDEEEE
16.7%	16.7% #DCE6E6	RGB 220 230 230	#DCE6E6
33.3%	33.3% #CCDFDF	RGB 204 223 223	#CCDFDF
50.0%	50.0% #BCD8D8	RGB 188 216 216	#BCD8D8
66.7%	66.7% #ABD1D0	RGB 171 209 208	#ABD1D0
83.3%	83.3% #9BCAC9	RGB 155 202 201	#9BCAC9
100.0%	100.0% #8BC3C2	RGB 139 195 194	#8BC3C2

#EDEEEE #DCE6E6 #CCDFDF #BCD8D8 #ABD1D0 #9BCAC9 #8BC3C2

#EDEEEE - #8BC3C2

Mezcla HSV

#EDEEEE - #8BC3C2 | 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 #EDEEEE como 0% y #8BC3C2 como 100%.

0.0%	0.0% #EDEEEE	RGB 237 238 238	#EDEEEE
16.7%	16.7% #DAE6E6	RGB 218 230 230	#DAE6E6
33.3%	33.3% #C9DFDF	RGB 201 223 223	#C9DFDF
50.0%	50.0% #B8D8D8	RGB 184 216 216	#B8D8D8
66.7%	66.7% #A8D1D0	RGB 168 209 208	#A8D1D0
83.3%	83.3% #99CAC9	RGB 153 202 201	#99CAC9
100.0%	100.0% #8BC3C2	RGB 139 195 194	#8BC3C2

#EDEEEE #DAE6E6 #C9DFDF #B8D8D8 #A8D1D0 #99CAC9 #8BC3C2

#EDEEEE - #B8D8D8 - #8BC3C2

Códigos CSS

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

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