#C5EBEB - #CEE6D4 | 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 #C5EBEB a #CEE6D4

#C5EBEB #CEE6D4

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

#C5EBEB - #CEE6D4 | 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 #C5EBEB como 0% y #CEE6D4 como 100%.

0.0%	0.0% #C5EBEB	RGB 197 235 235	#C5EBEB
16.7%	16.7% #C6EAE7	RGB 198 234 231	#C6EAE7
33.3%	33.3% #C8E9E3	RGB 200 233 227	#C8E9E3
50.0%	50.0% #C9E8DF	RGB 201 232 223	#C9E8DF
66.7%	66.7% #CBE7DB	RGB 203 231 219	#CBE7DB
83.3%	83.3% #CCE6D7	RGB 204 230 215	#CCE6D7
100.0%	100.0% #CEE6D4	RGB 206 230 212	#CEE6D4

#C5EBEB #C6EAE7 #C8E9E3 #C9E8DF #CBE7DB #CCE6D7 #CEE6D4

#C5EBEB - #CEE6D4

Mezcla HSV

#C5EBEB - #CEE6D4 | 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 #C5EBEB como 0% y #CEE6D4 como 100%.

0.0%	0.0% #C5EBEB	RGB 197 235 235	#C5EBEB
16.7%	16.7% #C6EAE5	RGB 198 234 229	#C6EAE5
33.3%	33.3% #C8E9E1	RGB 200 233 225	#C8E9E1
50.0%	50.0% #C9E8DC	RGB 201 232 220	#C9E8DC
66.7%	66.7% #CBE7D9	RGB 203 231 217	#CBE7D9
83.3%	83.3% #CCE6D6	RGB 204 230 214	#CCE6D6
100.0%	100.0% #CEE6D4	RGB 206 230 212	#CEE6D4

#C5EBEB #C6EAE5 #C8E9E1 #C9E8DC #CBE7D9 #CCE6D6 #CEE6D4

#C5EBEB - #C9E8DC - #CEE6D4

Códigos CSS

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

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