#83CACA - #DBEFEF | 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 #83CACA a #DBEFEF

#83CACA #DBEFEF

Calcule el color entre dos colores, #83CACA y #DBEFEF. 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)

#83CACA - #DBEFEF | 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 #83CACA como 0% y #DBEFEF como 100%.

0.0%	0.0% #83CACA	RGB 131 202 202	#83CACA
16.7%	16.7% #91D0D0	RGB 145 208 208	#91D0D0
33.3%	33.3% #A0D6D6	RGB 160 214 214	#A0D6D6
50.0%	50.0% #AFDCDC	RGB 175 220 220	#AFDCDC
66.7%	66.7% #BDE2E2	RGB 189 226 226	#BDE2E2
83.3%	83.3% #CCE8E8	RGB 204 232 232	#CCE8E8
100.0%	100.0% #DBEFEF	RGB 219 239 239	#DBEFEF

#83CACA #91D0D0 #A0D6D6 #AFDCDC #BDE2E2 #CCE8E8 #DBEFEF

#83CACA - #DBEFEF

Mezcla HSV

#83CACA - #DBEFEF | 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 #83CACA como 0% y #DBEFEF como 100%.

0.0%	0.0% #83CACA	RGB 131 202 202	#83CACA
16.7%	16.7% #90D0D0	RGB 144 208 208	#90D0D0
33.3%	33.3% #9ED6D6	RGB 158 214 214	#9ED6D6
50.0%	50.0% #ACDCDC	RGB 172 220 220	#ACDCDC
66.7%	66.7% #BBE2E2	RGB 187 226 226	#BBE2E2
83.3%	83.3% #CAE8E8	RGB 202 232 232	#CAE8E8
100.0%	100.0% #DBEFEF	RGB 219 239 239	#DBEFEF

#83CACA #90D0D0 #9ED6D6 #ACDCDC #BBE2E2 #CAE8E8 #DBEFEF

#83CACA - #ACDCDC - #DBEFEF

Códigos CSS

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

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