#C0FFFD - #5CC2DF | 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 #C0FFFD a #5CC2DF

#C0FFFD #5CC2DF

Calcule el color entre dos colores, #C0FFFD y #5CC2DF. 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)

#C0FFFD - #5CC2DF | 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 #C0FFFD como 0% y #5CC2DF como 100%.

0.0%	0.0% #C0FFFD	RGB 192 255 253	#C0FFFD
16.7%	16.7% #AFF4F8	RGB 175 244 248	#AFF4F8
33.3%	33.3% #9EEAF3	RGB 158 234 243	#9EEAF3
50.0%	50.0% #8EE0EE	RGB 142 224 238	#8EE0EE
66.7%	66.7% #7DD6E9	RGB 125 214 233	#7DD6E9
83.3%	83.3% #6CCCE4	RGB 108 204 228	#6CCCE4
100.0%	100.0% #5CC2DF	RGB 92 194 223	#5CC2DF

#C0FFFD #AFF4F8 #9EEAF3 #8EE0EE #7DD6E9 #6CCCE4 #5CC2DF

#C0FFFD - #5CC2DF

Mezcla HSV

#C0FFFD - #5CC2DF | 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 #C0FFFD como 0% y #5CC2DF como 100%.

0.0%	0.0% #C0FFFD	RGB 192 255 253	#C0FFFD
16.7%	16.7% #ADF8F9	RGB 173 248 249	#ADF8F9
33.3%	33.3% #9CEFF4	RGB 156 239 244	#9CEFF4
50.0%	50.0% #8BE5EF	RGB 139 229 239	#8BE5EF
66.7%	66.7% #7ADAE9	RGB 122 218 233	#7ADAE9
83.3%	83.3% #6BCEE4	RGB 107 206 228	#6BCEE4
100.0%	100.0% #5CC2DF	RGB 92 194 223	#5CC2DF

#C0FFFD #ADF8F9 #9CEFF4 #8BE5EF #7ADAE9 #6BCEE4 #5CC2DF

#C0FFFD - #8BE5EF - #5CC2DF

Códigos CSS

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

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