#C6F9F9 - #52D9DA | 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 #C6F9F9 a #52D9DA

#C6F9F9 #52D9DA

Calcule el color entre dos colores, #C6F9F9 y #52D9DA. 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)

#C6F9F9 - #52D9DA | 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 #C6F9F9 como 0% y #52D9DA como 100%.

0.0%	0.0% #C6F9F9	RGB 198 249 249	#C6F9F9
16.7%	16.7% #B2F3F3	RGB 178 243 243	#B2F3F3
33.3%	33.3% #9FEEEE	RGB 159 238 238	#9FEEEE
50.0%	50.0% #8CE9E9	RGB 140 233 233	#8CE9E9
66.7%	66.7% #78E3E4	RGB 120 227 228	#78E3E4
83.3%	83.3% #65DEDF	RGB 101 222 223	#65DEDF
100.0%	100.0% #52D9DA	RGB 82 217 218	#52D9DA

#C6F9F9 #B2F3F3 #9FEEEE #8CE9E9 #78E3E4 #65DEDF #52D9DA

#C6F9F9 - #52D9DA

Mezcla HSV

#C6F9F9 - #52D9DA | 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 #C6F9F9 como 0% y #52D9DA como 100%.

0.0%	0.0% #C6F9F9	RGB 198 249 249	#C6F9F9
16.7%	16.7% #B0F3F3	RGB 176 243 243	#B0F3F3
33.3%	33.3% #9CEEEE	RGB 156 238 238	#9CEEEE
50.0%	50.0% #88E9E9	RGB 136 233 233	#88E9E9
66.7%	66.7% #75E3E4	RGB 117 227 228	#75E3E4
83.3%	83.3% #63DEDF	RGB 99 222 223	#63DEDF
100.0%	100.0% #52D9DA	RGB 82 217 218	#52D9DA

#C6F9F9 #B0F3F3 #9CEEEE #88E9E9 #75E3E4 #63DEDF #52D9DA

#C6F9F9 - #88E9E9 - #52D9DA

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C6F9F9 0%, #88E9E9 50%, #52D9DA 100%);
    background: -webkit-linear-gradient(top, #C6F9F9 0%, #88E9E9 50%, #52D9DA 100%);
    background: linear-gradient(to bottom, #C6F9F9 0%, #88E9E9 50%, #52D9DA 100%);
}
</style>