#CBE7E7 - #5EBCBD | 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 #CBE7E7 a #5EBCBD

#CBE7E7 #5EBCBD

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

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

0.0%	0.0% #CBE7E7	RGB 203 231 231	#CBE7E7
16.7%	16.7% #B8DFE0	RGB 184 223 224	#B8DFE0
33.3%	33.3% #A6D8D9	RGB 166 216 217	#A6D8D9
50.0%	50.0% #94D1D2	RGB 148 209 210	#94D1D2
66.7%	66.7% #82CACB	RGB 130 202 203	#82CACB
83.3%	83.3% #70C3C4	RGB 112 195 196	#70C3C4
100.0%	100.0% #5EBCBD	RGB 94 188 189	#5EBCBD

#CBE7E7 #B8DFE0 #A6D8D9 #94D1D2 #82CACB #70C3C4 #5EBCBD

#CBE7E7 - #5EBCBD

Mezcla HSV

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

0.0%	0.0% #CBE7E7	RGB 203 231 231	#CBE7E7
16.7%	16.7% #B6DFE0	RGB 182 223 224	#B6DFE0
33.3%	33.3% #A3D8D9	RGB 163 216 217	#A3D8D9
50.0%	50.0% #90D1D2	RGB 144 209 210	#90D1D2
66.7%	66.7% #7ECACB	RGB 126 202 203	#7ECACB
83.3%	83.3% #6DC3C4	RGB 109 195 196	#6DC3C4
100.0%	100.0% #5EBCBD	RGB 94 188 189	#5EBCBD

#CBE7E7 #B6DFE0 #A3D8D9 #90D1D2 #7ECACB #6DC3C4 #5EBCBD

#CBE7E7 - #90D1D2 - #5EBCBD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CBE7E7 0%, #90D1D2 50%, #5EBCBD 100%);
    background: -webkit-linear-gradient(top, #CBE7E7 0%, #90D1D2 50%, #5EBCBD 100%);
    background: linear-gradient(to bottom, #CBE7E7 0%, #90D1D2 50%, #5EBCBD 100%);
}
</style>