#8CC3C3 - #DEEDED | 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 #8CC3C3 a #DEEDED

#8CC3C3 #DEEDED

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

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

0.0%	0.0% #8CC3C3	RGB 140 195 195	#8CC3C3
16.7%	16.7% #99CACA	RGB 153 202 202	#99CACA
33.3%	33.3% #A7D1D1	RGB 167 209 209	#A7D1D1
50.0%	50.0% #B5D8D8	RGB 181 216 216	#B5D8D8
66.7%	66.7% #C2DFDF	RGB 194 223 223	#C2DFDF
83.3%	83.3% #D0E6E6	RGB 208 230 230	#D0E6E6
100.0%	100.0% #DEEDED	RGB 222 237 237	#DEEDED

#8CC3C3 #99CACA #A7D1D1 #B5D8D8 #C2DFDF #D0E6E6 #DEEDED

#8CC3C3 - #DEEDED

Mezcla HSV

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

0.0%	0.0% #8CC3C3	RGB 140 195 195	#8CC3C3
16.7%	16.7% #98CACA	RGB 152 202 202	#98CACA
33.3%	33.3% #A5D1D1	RGB 165 209 209	#A5D1D1
50.0%	50.0% #B2D8D8	RGB 178 216 216	#B2D8D8
66.7%	66.7% #C0DFDF	RGB 192 223 223	#C0DFDF
83.3%	83.3% #CFE6E6	RGB 207 230 230	#CFE6E6
100.0%	100.0% #DEEDED	RGB 222 237 237	#DEEDED

#8CC3C3 #98CACA #A5D1D1 #B2D8D8 #C0DFDF #CFE6E6 #DEEDED

#8CC3C3 - #B2D8D8 - #DEEDED

Códigos CSS

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

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