#C5EBCC - #DFEBCE | 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 #C5EBCC a #DFEBCE

#C5EBCC #DFEBCE

Calcule el color entre dos colores, #C5EBCC y #DFEBCE. 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)

#C5EBCC - #DFEBCE | 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 #C5EBCC como 0% y #DFEBCE como 100%.

0.0%	0.0% #C5EBCC	RGB 197 235 204	#C5EBCC
16.7%	16.7% #C9EBCC	RGB 201 235 204	#C9EBCC
33.3%	33.3% #CDEBCC	RGB 205 235 204	#CDEBCC
50.0%	50.0% #D2EBCD	RGB 210 235 205	#D2EBCD
66.7%	66.7% #D6EBCD	RGB 214 235 205	#D6EBCD
83.3%	83.3% #DAEBCD	RGB 218 235 205	#DAEBCD
100.0%	100.0% #DFEBCE	RGB 223 235 206	#DFEBCE

#C5EBCC #C9EBCC #CDEBCC #D2EBCD #D6EBCD #DAEBCD #DFEBCE

#C5EBCC - #DFEBCE

Mezcla HSV

#C5EBCC - #DFEBCE | 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 #C5EBCC como 0% y #DFEBCE como 100%.

0.0%	0.0% #C5EBCC	RGB 197 235 204	#C5EBCC
16.7%	16.7% #C6EBC8	RGB 198 235 200	#C6EBC8
33.3%	33.3% #CAEBC8	RGB 202 235 200	#CAEBC8
50.0%	50.0% #D0EBC9	RGB 208 235 201	#D0EBC9
66.7%	66.7% #D5EBCB	RGB 213 235 203	#D5EBCB
83.3%	83.3% #DAEBCC	RGB 218 235 204	#DAEBCC
100.0%	100.0% #DFEBCE	RGB 223 235 206	#DFEBCE

#C5EBCC #C6EBC8 #CAEBC8 #D0EBC9 #D5EBCB #DAEBCC #DFEBCE

#C5EBCC - #D0EBC9 - #DFEBCE

Códigos CSS

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

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